

<!DOCTYPE html>
<html class="writer-html5" lang="en" >
<head>
  <meta charset="utf-8">
  
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
  <title>Styles &mdash; LVGL  documentation</title>
  

  
  <link rel="stylesheet" href="../_static/css/theme.css" type="text/css" />
  <link rel="stylesheet" href="../_static/pygments.css" type="text/css" />
  <link rel="stylesheet" href="../_static/css/custom.css" type="text/css" />
  <link rel="stylesheet" href="../_static/css/fontawesome.min.css" type="text/css" />

  
  
    <link rel="shortcut icon" href="../_static/favicon.png"/>
  
  
  

  
  <!--[if lt IE 9]>
    <script src="../_static/js/html5shiv.min.js"></script>
  <![endif]-->
  
    
      <script type="text/javascript" id="documentation_options" data-url_root="../" src="../_static/documentation_options.js"></script>
        <script src="../_static/jquery.js"></script>
        <script src="../_static/underscore.js"></script>
        <script src="../_static/doctools.js"></script>
    
    <script type="text/javascript" src="../_static/js/theme.js"></script>

    
    <link rel="index" title="Index" href="../genindex.html" />
    <link rel="search" title="Search" href="../search.html" />
    <link rel="next" title="Input devices" href="indev.html" />
    <link rel="prev" title="Events" href="event.html" />
 
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-78811084-3"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

	gtag('config', 'UA-78811084-3', { 'anonymize_ip': true });
</script>

</head>

<body class="wy-body-for-nav">

   
  <div class="wy-grid-for-nav">
    
    <nav data-toggle="wy-nav-shift" class="wy-nav-side">
      <div class="wy-side-scroll">
        <div class="wy-side-nav-search" >
          

          
            <a href="../index.html">
          

          
            
            <img src="../_static/logo_lvgl.png" class="logo" alt="Logo"/>
          
          </a>

          
            
            
              <div class="version">
                v7.11.0-dev
              </div>
            
          

          
<div role="search">
  <form id="rtd-search-form" class="wy-form" action="../search.html" method="get">
    <input type="text" name="q" placeholder="Search docs" />
    <input type="hidden" name="check_keywords" value="yes" />
    <input type="hidden" name="area" value="default" />
  </form>
</div>

          
        </div>

        
        <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation">
          
            
            
              
            
            
              <ul class="current">
<li class="toctree-l1"><a class="reference internal" href="../intro/index.html">Introduction</a><ul>
<li class="toctree-l2"><a class="reference internal" href="../intro/index.html#key-features">Key features</a></li>
<li class="toctree-l2"><a class="reference internal" href="../intro/index.html#requirements">Requirements</a></li>
<li class="toctree-l2"><a class="reference internal" href="../intro/index.html#license">License</a></li>
<li class="toctree-l2"><a class="reference internal" href="../intro/index.html#repository-layout">Repository layout</a></li>
<li class="toctree-l2"><a class="reference internal" href="../intro/index.html#release-policy">Release policy</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../intro/index.html#branches">Branches</a></li>
<li class="toctree-l3"><a class="reference internal" href="../intro/index.html#release-cycle">Release cycle</a></li>
<li class="toctree-l3"><a class="reference internal" href="../intro/index.html#tags">Tags</a></li>
<li class="toctree-l3"><a class="reference internal" href="../intro/index.html#changelog">Changelog</a></li>
<li class="toctree-l3"><a class="reference internal" href="../intro/index.html#side-projects">Side projects</a></li>
<li class="toctree-l3"><a class="reference internal" href="../intro/index.html#version-support">Version support</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../intro/index.html#faq">FAQ</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../intro/index.html#where-can-i-ask-questions">Where can I ask questions?</a></li>
<li class="toctree-l3"><a class="reference internal" href="../intro/index.html#is-my-mcu-hardware-supported">Is my MCU/hardware supported?</a></li>
<li class="toctree-l3"><a class="reference internal" href="../intro/index.html#is-my-display-supported">Is my display supported?</a></li>
<li class="toctree-l3"><a class="reference internal" href="../intro/index.html#nothing-happens-my-display-driver-is-not-called-what-have-i-missed">Nothing happens, my display driver is not called. What have I missed?</a></li>
<li class="toctree-l3"><a class="reference internal" href="../intro/index.html#why-the-display-driver-is-called-only-once-only-the-upper-part-of-the-display-is-refreshed">Why the display driver is called only once? Only the upper part of the display is refreshed.</a></li>
<li class="toctree-l3"><a class="reference internal" href="../intro/index.html#why-i-see-only-garbage-on-the-screen">Why I see only garbage on the screen?</a></li>
<li class="toctree-l3"><a class="reference internal" href="../intro/index.html#why-i-see-non-sense-colors-on-the-screen">Why I see non-sense colors on the screen?</a></li>
<li class="toctree-l3"><a class="reference internal" href="../intro/index.html#how-to-speed-up-my-ui">How to speed up my UI?</a></li>
<li class="toctree-l3"><a class="reference internal" href="../intro/index.html#how-to-reduce-flash-rom-usage">How to reduce flash/ROM usage?</a></li>
<li class="toctree-l3"><a class="reference internal" href="../intro/index.html#how-to-reduce-the-ram-usage">How to reduce the RAM usage</a></li>
<li class="toctree-l3"><a class="reference internal" href="../intro/index.html#how-to-work-with-an-operating-system">How to work with an operating system?</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="../get-started/index.html">Get started</a><ul>
<li class="toctree-l2"><a class="reference internal" href="../get-started/quick-overview.html">Quick overview</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../get-started/quick-overview.html#get-started-in-a-simulator">Get started in a simulator</a></li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/quick-overview.html#add-lvgl-into-your-project">Add LVGL into your project</a></li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/quick-overview.html#learn-the-basics">Learn the basics</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/quick-overview.html#widgets">Widgets</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/quick-overview.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/quick-overview.html#parts">Parts</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/quick-overview.html#states">States</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/quick-overview.html#styles">Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/quick-overview.html#themes">Themes</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/quick-overview.html#examples">Examples</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/quick-overview.html#button-with-label">Button with label</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/quick-overview.html#styling-buttons">Styling buttons</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/quick-overview.html#slider-and-alignment">Slider and alignment</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/quick-overview.html#micropython">Micropython</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../get-started/pc-simulator.html">Simulator on PC</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../get-started/pc-simulator.html#select-an-ide">Select an IDE</a></li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/pc-simulator.html#set-up-eclipse-cdt">Set-up Eclipse CDT</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/pc-simulator.html#install-eclipse-cdt">Install Eclipse CDT</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/pc-simulator.html#install-sdl-2">Install SDL 2</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/pc-simulator.html#pre-configured-project">Pre-configured project</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/pc-simulator.html#add-the-pre-configured-project-to-eclipse-cdt">Add the pre-configured project to Eclipse CDT</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/pc-simulator.html#compile-and-run">Compile and Run</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../get-started/stm32.html">STM32</a></li>
<li class="toctree-l2"><a class="reference internal" href="../get-started/nxp.html">NXP</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../get-started/nxp.html#creating-new-project-with-lvgl">Creating new project with LVGL</a></li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/nxp.html#adding-hw-acceleration-for-nxp-imx-rt-platforms-using-pxp-pixel-pipeline-engine-for-existing-projects">Adding HW acceleration for NXP iMX RT platforms using PXP (PiXel Pipeline) engine for existing projects</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/nxp.html#features-supported">Features supported:</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/nxp.html#basic-configuration">Basic configuration:</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/nxp.html#basic-initialization">Basic initialization:</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/nxp.html#project-setup">Project setup:</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/nxp.html#advanced-configuration">Advanced configuration:</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../get-started/espressif.html">Espressif (ESP32)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../get-started/espressif.html#get-the-lvgl-demo-project-for-esp32">Get the LVGL demo project for ESP32</a></li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/espressif.html#use-lvgl-in-your-esp32-project">Use LVGL in your ESP32 project</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/espressif.html#prerequisites">Prerequisites</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/espressif.html#get-lvgl">Get LVGL</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/espressif.html#use-lvgl-esp32-drivers-in-your-project">Use lvgl_esp32_drivers in your project</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/espressif.html#support-for-esp32-s2">Support for ESP32-S2</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../get-started/arduino.html">Arduino</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../get-started/arduino.html#get-the-lvgl-ardunio-library">Get the LVGL Ardunio library</a></li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/arduino.html#set-up-drivers">Set up drivers</a></li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/arduino.html#configure-lvgl">Configure LVGL</a></li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/arduino.html#configure-the-examples">Configure the examples</a></li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/arduino.html#initialize-lvgl-and-run-an-example">Initialize LVGL and run an example</a></li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/arduino.html#debugging-and-logging">Debugging and logging</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../get-started/micropython.html">Micropython</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../get-started/micropython.html#what-is-micropython">What is Micropython?</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/micropython.html#highlights-of-micropython">Highlights of Micropython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/micropython.html#why-micropython-lvgl">Why Micropython + LVGL?</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/micropython.html#here-are-some-advantages-of-using-lvgl-in-micropython">Here are some advantages of using LVGL in Micropython:</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/micropython.html#micropython-lvgl-could-be-used-for">Micropython + LVGL could be used for:</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/micropython.html#so-what-does-it-look-like">So what does it look like?</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/micropython.html#a-simple-example">A simple example</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/micropython.html#how-can-i-use-it">How can I use it?</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/micropython.html#online-simulator">Online Simulator</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/micropython.html#pc-simulator">PC Simulator</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/micropython.html#embedded-platform">Embedded platform</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/micropython.html#where-can-i-find-more-information">Where can I find more information?</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../get-started/nuttx.html">NuttX RTOS</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../get-started/nuttx.html#what-is-nuttx">What is NuttX?</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/nuttx.html#highlights-of-nuttx">Highlights of NuttX</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/nuttx.html#why-nuttx-lvgl">Why NuttX + LVGL?</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/nuttx.html#here-are-some-advantages-of-using-lvgl-in-nuttx">Here are some advantages of using LVGL in NuttX</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/nuttx.html#nuttx-lvgl-could-be-used-for">NuttX + LVGL could be used for</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/nuttx.html#how-to-get-started-with-nuttx-and-lvgl">How to get started with NuttX and LVGL?</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/nuttx.html#first-you-need-to-install-the-pre-requisite-on-your-system">First you need to install the pre-requisite on your system</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/nuttx.html#now-let-s-to-create-a-workspace-to-save-our-files">Now let's to create a workspace to save our files</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/nuttx.html#clone-the-nuttx-and-apps-repositories">Clone the NuttX and Apps repositories:</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/nuttx.html#configure-nuttx-to-use-the-stm32f429i-disco-board-and-the-lvgl-demo">Configure NuttX to use the stm32f429i-disco board and the LVGL Demo</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/nuttx.html#flashing-the-firmware-in-the-board-using-openocd">Flashing the firmware in the board using OpenOCD:</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/nuttx.html#where-can-i-find-more-information">Where can I find more information?</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="../porting/index.html">Porting</a><ul>
<li class="toctree-l2"><a class="reference internal" href="../porting/sys.html">System overview</a></li>
<li class="toctree-l2"><a class="reference internal" href="../porting/project.html">Set-up a project</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../porting/project.html#get-the-library">Get the library</a></li>
<li class="toctree-l3"><a class="reference internal" href="../porting/project.html#configuration-file">Configuration file</a></li>
<li class="toctree-l3"><a class="reference internal" href="../porting/project.html#initialization">Initialization</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../porting/display.html">Display interface</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../porting/display.html#display-buffer">Display buffer</a></li>
<li class="toctree-l3"><a class="reference internal" href="../porting/display.html#display-driver">Display driver</a></li>
<li class="toctree-l3"><a class="reference internal" href="../porting/display.html#rotation">Rotation</a></li>
<li class="toctree-l3"><a class="reference internal" href="../porting/display.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../porting/indev.html">Input device interface</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../porting/indev.html#types-of-input-devices">Types of input devices</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../porting/indev.html#touchpad-mouse-or-any-pointer">Touchpad, mouse or any pointer</a></li>
<li class="toctree-l4"><a class="reference internal" href="../porting/indev.html#keypad-or-keyboard">Keypad or keyboard</a></li>
<li class="toctree-l4"><a class="reference internal" href="../porting/indev.html#encoder">Encoder</a></li>
<li class="toctree-l4"><a class="reference internal" href="../porting/indev.html#button">Button</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../porting/indev.html#other-features">Other features</a></li>
<li class="toctree-l3"><a class="reference internal" href="../porting/indev.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../porting/tick.html">Tick interface</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../porting/tick.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../porting/task-handler.html">Task Handler</a></li>
<li class="toctree-l2"><a class="reference internal" href="../porting/sleep.html">Sleep management</a></li>
<li class="toctree-l2"><a class="reference internal" href="../porting/os.html">Operating system and interrupts</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../porting/os.html#tasks-and-threads">Tasks and threads</a></li>
<li class="toctree-l3"><a class="reference internal" href="../porting/os.html#interrupts">Interrupts</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../porting/log.html">Logging</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../porting/log.html#log-level">Log level</a></li>
<li class="toctree-l3"><a class="reference internal" href="../porting/log.html#logging-with-printf">Logging with printf</a></li>
<li class="toctree-l3"><a class="reference internal" href="../porting/log.html#custom-log-function">Custom log function</a></li>
<li class="toctree-l3"><a class="reference internal" href="../porting/log.html#add-logs">Add logs</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l1 current"><a class="reference internal" href="index.html">Overview</a><ul class="current">
<li class="toctree-l2"><a class="reference internal" href="object.html">Objects</a><ul>
<li class="toctree-l3"><a class="reference internal" href="object.html#attributes">Attributes</a><ul>
<li class="toctree-l4"><a class="reference internal" href="object.html#basic-attributes">Basic attributes</a></li>
<li class="toctree-l4"><a class="reference internal" href="object.html#specific-attributes">Specific attributes</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="object.html#working-mechanisms">Working mechanisms</a><ul>
<li class="toctree-l4"><a class="reference internal" href="object.html#parent-child-structure">Parent-child structure</a></li>
<li class="toctree-l4"><a class="reference internal" href="object.html#moving-together">Moving together</a></li>
<li class="toctree-l4"><a class="reference internal" href="object.html#visibility-only-on-the-parent">Visibility only on the parent</a></li>
<li class="toctree-l4"><a class="reference internal" href="object.html#create-delete-objects">Create - delete objects</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="object.html#screens">Screens</a><ul>
<li class="toctree-l4"><a class="reference internal" href="object.html#create-screens">Create screens</a></li>
<li class="toctree-l4"><a class="reference internal" href="object.html#get-the-active-screen">Get the active screen</a></li>
<li class="toctree-l4"><a class="reference internal" href="object.html#load-screens">Load screens</a></li>
<li class="toctree-l4"><a class="reference internal" href="object.html#handling-multiple-displays">Handling multiple displays</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="object.html#parts">Parts</a></li>
<li class="toctree-l3"><a class="reference internal" href="object.html#states">States</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="layer.html">Layers</a><ul>
<li class="toctree-l3"><a class="reference internal" href="layer.html#order-of-creation">Order of creation</a></li>
<li class="toctree-l3"><a class="reference internal" href="layer.html#bring-to-the-foreground">Bring to the foreground</a></li>
<li class="toctree-l3"><a class="reference internal" href="layer.html#top-and-sys-layers">Top and sys layers</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="event.html">Events</a><ul>
<li class="toctree-l3"><a class="reference internal" href="event.html#event-types">Event types</a><ul>
<li class="toctree-l4"><a class="reference internal" href="event.html#generic-events">Generic events</a></li>
<li class="toctree-l4"><a class="reference internal" href="event.html#special-events">Special events</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="event.html#custom-data">Custom data</a></li>
<li class="toctree-l3"><a class="reference internal" href="event.html#send-events-manually">Send events manually</a><ul>
<li class="toctree-l4"><a class="reference internal" href="event.html#arbitrary-events">Arbitrary events</a></li>
<li class="toctree-l4"><a class="reference internal" href="event.html#refresh-event">Refresh event</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2 current"><a class="current reference internal" href="#">Styles</a><ul>
<li class="toctree-l3"><a class="reference internal" href="#states">States</a></li>
<li class="toctree-l3"><a class="reference internal" href="#cascading-styles">Cascading styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="#inheritance">Inheritance</a></li>
<li class="toctree-l3"><a class="reference internal" href="#parts">Parts</a></li>
<li class="toctree-l3"><a class="reference internal" href="#initialize-styles-and-set-get-properties">Initialize styles and set/get properties</a></li>
<li class="toctree-l3"><a class="reference internal" href="#managing-style-list">Managing style list</a></li>
<li class="toctree-l3"><a class="reference internal" href="#local-styles">Local styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="#transitions">Transitions</a></li>
<li class="toctree-l3"><a class="reference internal" href="#properties">Properties</a><ul>
<li class="toctree-l4"><a class="reference internal" href="#mixed-properties">Mixed properties</a></li>
<li class="toctree-l4"><a class="reference internal" href="#padding-and-margin-properties">Padding and margin properties</a></li>
<li class="toctree-l4"><a class="reference internal" href="#background-properties">Background properties</a></li>
<li class="toctree-l4"><a class="reference internal" href="#border-properties">Border properties</a></li>
<li class="toctree-l4"><a class="reference internal" href="#outline-properties">Outline properties</a></li>
<li class="toctree-l4"><a class="reference internal" href="#shadow-properties">Shadow properties</a></li>
<li class="toctree-l4"><a class="reference internal" href="#pattern-properties">Pattern properties</a></li>
<li class="toctree-l4"><a class="reference internal" href="#value-properties">Value properties</a></li>
<li class="toctree-l4"><a class="reference internal" href="#text-properties">Text properties</a></li>
<li class="toctree-l4"><a class="reference internal" href="#line-properties">Line properties</a></li>
<li class="toctree-l4"><a class="reference internal" href="#image-properties">Image properties</a></li>
<li class="toctree-l4"><a class="reference internal" href="#transition-properties">Transition properties</a></li>
<li class="toctree-l4"><a class="reference internal" href="#scale-properties">Scale properties</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="#themes">Themes</a><ul>
<li class="toctree-l4"><a class="reference internal" href="#extending-themes">Extending themes</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="#styling-a-button">Styling a button</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="indev.html">Input devices</a><ul>
<li class="toctree-l3"><a class="reference internal" href="indev.html#pointers">Pointers</a></li>
<li class="toctree-l3"><a class="reference internal" href="indev.html#keypad-and-encoder">Keypad and encoder</a><ul>
<li class="toctree-l4"><a class="reference internal" href="indev.html#groups">Groups</a></li>
<li class="toctree-l4"><a class="reference internal" href="indev.html#styling">Styling</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="indev.html#api">API</a><ul>
<li class="toctree-l4"><a class="reference internal" href="indev.html#input-device">Input device</a></li>
<li class="toctree-l4"><a class="reference internal" href="indev.html#id1">Groups</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="display.html">Displays</a><ul>
<li class="toctree-l3"><a class="reference internal" href="display.html#multiple-display-support">Multiple display support</a><ul>
<li class="toctree-l4"><a class="reference internal" href="display.html#using-only-one-display">Using only one display</a></li>
<li class="toctree-l4"><a class="reference internal" href="display.html#mirror-display">Mirror display</a></li>
<li class="toctree-l4"><a class="reference internal" href="display.html#split-image">Split image</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="display.html#screens">Screens</a><ul>
<li class="toctree-l4"><a class="reference internal" href="display.html#transparent-screens">Transparent screens</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="display.html#features-of-displays">Features of displays</a><ul>
<li class="toctree-l4"><a class="reference internal" href="display.html#inactivity">Inactivity</a></li>
<li class="toctree-l4"><a class="reference internal" href="display.html#background">Background</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="display.html#colors">Colors</a><ul>
<li class="toctree-l4"><a class="reference internal" href="display.html#convert-color">Convert color</a></li>
<li class="toctree-l4"><a class="reference internal" href="display.html#swap-16-colors">Swap 16 colors</a></li>
<li class="toctree-l4"><a class="reference internal" href="display.html#create-and-mix-colors">Create and mix colors</a></li>
<li class="toctree-l4"><a class="reference internal" href="display.html#opacity">Opacity</a></li>
<li class="toctree-l4"><a class="reference internal" href="display.html#built-in-colors">Built-in colors</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="display.html#api">API</a><ul>
<li class="toctree-l4"><a class="reference internal" href="display.html#display">Display</a></li>
<li class="toctree-l4"><a class="reference internal" href="display.html#id1">Colors</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="font.html">Fonts</a><ul>
<li class="toctree-l3"><a class="reference internal" href="font.html#unicode-support">Unicode support</a></li>
<li class="toctree-l3"><a class="reference internal" href="font.html#built-in-fonts">Built-in fonts</a><ul>
<li class="toctree-l4"><a class="reference internal" href="font.html#normal-fonts">Normal fonts</a></li>
<li class="toctree-l4"><a class="reference internal" href="font.html#special-fonts">Special fonts</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="font.html#special-features">Special features</a><ul>
<li class="toctree-l4"><a class="reference internal" href="font.html#bidirectional-support">Bidirectional support</a></li>
<li class="toctree-l4"><a class="reference internal" href="font.html#arabic-and-persian-support">Arabic and Persian support</a></li>
<li class="toctree-l4"><a class="reference internal" href="font.html#subpixel-rendering">Subpixel rendering</a></li>
<li class="toctree-l4"><a class="reference internal" href="font.html#compress-fonts">Compress fonts</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="font.html#add-new-font">Add new font</a></li>
<li class="toctree-l3"><a class="reference internal" href="font.html#add-new-symbols">Add new symbols</a></li>
<li class="toctree-l3"><a class="reference internal" href="font.html#load-font-in-run-time">Load font in run-time</a></li>
<li class="toctree-l3"><a class="reference internal" href="font.html#add-a-new-font-engine">Add a new font engine</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="image.html">Images</a><ul>
<li class="toctree-l3"><a class="reference internal" href="image.html#store-images">Store images</a><ul>
<li class="toctree-l4"><a class="reference internal" href="image.html#variables">Variables</a></li>
<li class="toctree-l4"><a class="reference internal" href="image.html#files">Files</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="image.html#color-formats">Color formats</a></li>
<li class="toctree-l3"><a class="reference internal" href="image.html#add-and-use-images">Add and use images</a><ul>
<li class="toctree-l4"><a class="reference internal" href="image.html#online-converter">Online converter</a></li>
<li class="toctree-l4"><a class="reference internal" href="image.html#manually-create-an-image">Manually create an image</a></li>
<li class="toctree-l4"><a class="reference internal" href="image.html#use-images">Use images</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="image.html#image-decoder">Image decoder</a><ul>
<li class="toctree-l4"><a class="reference internal" href="image.html#custom-image-formats">Custom image formats</a></li>
<li class="toctree-l4"><a class="reference internal" href="image.html#register-an-image-decoder">Register an image decoder</a></li>
<li class="toctree-l4"><a class="reference internal" href="image.html#manually-use-an-image-decoder">Manually use an image decoder</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="image.html#image-caching">Image caching</a><ul>
<li class="toctree-l4"><a class="reference internal" href="image.html#cache-size">Cache size</a></li>
<li class="toctree-l4"><a class="reference internal" href="image.html#value-of-images">Value of images</a></li>
<li class="toctree-l4"><a class="reference internal" href="image.html#memory-usage">Memory usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="image.html#clean-the-cache">Clean the cache</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="image.html#api">API</a><ul>
<li class="toctree-l4"><a class="reference internal" href="image.html#id1">Image decoder</a></li>
<li class="toctree-l4"><a class="reference internal" href="image.html#image-cache">Image cache</a></li>
<li class="toctree-l4"><a class="reference internal" href="image.html#image-buffer">Image buffer</a></li>
<li class="toctree-l4"><a class="reference internal" href="image.html#image-draw">Image draw</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="file-system.html">File system</a><ul>
<li class="toctree-l3"><a class="reference internal" href="file-system.html#add-a-driver">Add a driver</a></li>
<li class="toctree-l3"><a class="reference internal" href="file-system.html#usage-example">Usage example</a></li>
<li class="toctree-l3"><a class="reference internal" href="file-system.html#use-drivers-for-images">Use drivers for images</a></li>
<li class="toctree-l3"><a class="reference internal" href="file-system.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="animation.html">Animations</a><ul>
<li class="toctree-l3"><a class="reference internal" href="animation.html#create-an-animation">Create an animation</a></li>
<li class="toctree-l3"><a class="reference internal" href="animation.html#animation-path">Animation path</a></li>
<li class="toctree-l3"><a class="reference internal" href="animation.html#speed-vs-time">Speed vs time</a></li>
<li class="toctree-l3"><a class="reference internal" href="animation.html#delete-animations">Delete animations</a></li>
<li class="toctree-l3"><a class="reference internal" href="animation.html#api">API</a><ul>
<li class="toctree-l4"><a class="reference internal" href="animation.html#input-device">Input device</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="task.html">Tasks</a><ul>
<li class="toctree-l3"><a class="reference internal" href="task.html#create-a-task">Create a task</a></li>
<li class="toctree-l3"><a class="reference internal" href="task.html#ready-and-reset">Ready and Reset</a></li>
<li class="toctree-l3"><a class="reference internal" href="task.html#set-parameters">Set parameters</a></li>
<li class="toctree-l3"><a class="reference internal" href="task.html#one-shot-tasks">One-shot tasks</a></li>
<li class="toctree-l3"><a class="reference internal" href="task.html#measure-idle-time">Measure idle time</a></li>
<li class="toctree-l3"><a class="reference internal" href="task.html#asynchronous-calls">Asynchronous calls</a></li>
<li class="toctree-l3"><a class="reference internal" href="task.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="drawing.html">Drawing</a><ul>
<li class="toctree-l3"><a class="reference internal" href="drawing.html#buffering-types">Buffering types</a></li>
<li class="toctree-l3"><a class="reference internal" href="drawing.html#mechanism-of-screen-refreshing">Mechanism of screen refreshing</a></li>
<li class="toctree-l3"><a class="reference internal" href="drawing.html#masking">Masking</a><ul>
<li class="toctree-l4"><a class="reference internal" href="drawing.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="drawing.html#micropython">MicroPython</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="../widgets/index.html">Widgets</a><ul>
<li class="toctree-l2"><a class="reference internal" href="../widgets/obj.html">Base object (lv_obj)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/obj.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/obj.html#coordinates">Coordinates</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/obj.html#parents-and-children">Parents and children</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/obj.html#screens">Screens</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/obj.html#layers">Layers</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/obj.html#events">Events</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/obj.html#parts">Parts</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/obj.html#states">States</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/obj.html#style">Style</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/obj.html#attributes">Attributes</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/obj.html#protect">Protect</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/obj.html#groups">Groups</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/obj.html#extended-click-area">Extended click area</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/obj.html#id1">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/obj.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/obj.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/obj.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/obj.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/obj.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/arc.html">Arc (lv_arc)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/arc.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/arc.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/arc.html#usage">Usage</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/arc.html#angles">Angles</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/arc.html#rotation">Rotation</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/arc.html#range-and-values">Range and values</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/arc.html#type">Type</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/arc.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/arc.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/arc.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/arc.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/arc.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/arc.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/bar.html">Bar (lv_bar)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/bar.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/bar.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/bar.html#usage">Usage</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/bar.html#value-and-range">Value and range</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/bar.html#modes">Modes</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/bar.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/bar.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/bar.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/bar.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/bar.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/bar.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/btn.html">Button (lv_btn)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/btn.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/btn.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/btn.html#usage">Usage</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/btn.html#states">States</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/btn.html#checkable">Checkable</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/btn.html#layout-and-fit">Layout and Fit</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/btn.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/btn.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/btn.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/btn.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/btn.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/btn.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/btnmatrix.html">Button matrix (lv_btnmatrix)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/btnmatrix.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/btnmatrix.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/btnmatrix.html#usage">Usage</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/btnmatrix.html#button-s-text">Button's text</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/btnmatrix.html#control-buttons">Control buttons</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/btnmatrix.html#one-check">One check</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/btnmatrix.html#recolor">Recolor</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/btnmatrix.html#aligning-the-button-s-text">Aligning the button's text</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/btnmatrix.html#notes">Notes</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/btnmatrix.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/btnmatrix.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/btnmatrix.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/btnmatrix.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/btnmatrix.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/btnmatrix.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/calendar.html">Calendar (lv_calendar)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/calendar.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/calendar.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/calendar.html#usage">Usage</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/calendar.html#id1">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/calendar.html#current-date">Current date</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/calendar.html#shown-date">Shown date</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/calendar.html#highlighted-days">Highlighted days</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/calendar.html#name-of-the-days">Name of the days</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/calendar.html#name-of-the-months">Name of the months</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/calendar.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/calendar.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/calendar.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/calendar.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/calendar.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/calendar.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/canvas.html">Canvas (lv_canvas)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/canvas.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/canvas.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/canvas.html#usage">Usage</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/canvas.html#buffer">Buffer</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/canvas.html#palette">Palette</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/canvas.html#drawing">Drawing</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/canvas.html#transformations">Transformations</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/canvas.html#blur">Blur</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/canvas.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/canvas.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/canvas.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/canvas.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/canvas.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/canvas.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/checkbox.html">Checkbox (lv_cb)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/checkbox.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/checkbox.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/checkbox.html#usage">Usage</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/checkbox.html#text">Text</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/checkbox.html#check-uncheck">Check/Uncheck</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/checkbox.html#disabled">Disabled</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/checkbox.html#get-set-checkbox-state">Get/Set Checkbox State</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/checkbox.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/checkbox.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/checkbox.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/checkbox.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/checkbox.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/checkbox.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/chart.html">Chart (lv_chart)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/chart.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/chart.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/chart.html#usage">Usage</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/chart.html#data-series">Data series</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/chart.html#series-type">Series' type</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/chart.html#modify-the-data">Modify the data</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/chart.html#override-default-start-point-for-series">Override default start point for series</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/chart.html#set-an-external-data-source">Set an external data source</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/chart.html#get-current-chart-information">Get current chart information</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/chart.html#update-modes">Update modes</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/chart.html#number-of-points">Number of points</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/chart.html#vertical-range">Vertical range</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/chart.html#division-lines">Division lines</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/chart.html#tick-marks-and-labels">Tick marks and labels</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/chart.html#cursor">Cursor</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/chart.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/chart.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/chart.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/chart.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/chart.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/chart.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/cont.html">Container (lv_cont)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/cont.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/cont.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/cont.html#usage">Usage</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/cont.html#layout">Layout</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/cont.html#autofit">Autofit</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/cont.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/cont.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/cont.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/cont.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/cont.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/cont.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/cpicker.html">Color picker (lv_cpicker)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/cpicker.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/cpicker.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/cpicker.html#usage">Usage</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/cpicker.html#type">Type</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/cpicker.html#set-color">Set color</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/cpicker.html#color-mode">Color mode</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/cpicker.html#knob-color">Knob color</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/cpicker.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/cpicker.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/cpicker.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/cpicker.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/cpicker.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/cpicker.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/dropdown.html">Drop-down list (lv_dropdown)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/dropdown.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/dropdown.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/dropdown.html#usage">Usage</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/dropdown.html#id1">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/dropdown.html#set-options">Set options</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/dropdown.html#get-selected-option">Get selected option</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/dropdown.html#direction">Direction</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/dropdown.html#symbol">Symbol</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/dropdown.html#maximum-height">Maximum height</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/dropdown.html#show-selected">Show selected</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/dropdown.html#animation-time">Animation time</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/dropdown.html#manually-open-close">Manually open/close</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/dropdown.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/dropdown.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/dropdown.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/dropdown.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/dropdown.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/dropdown.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/gauge.html">Gauge (lv_gauge)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/gauge.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/gauge.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/gauge.html#usage">Usage</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/gauge.html#set-value-and-needles">Set value and needles</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/gauge.html#scale">Scale</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/gauge.html#range">Range</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/gauge.html#needle-image">Needle image</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/gauge.html#critical-value">Critical value</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/gauge.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/gauge.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/gauge.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/gauge.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/gauge.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/gauge.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/img.html">Image (lv_img)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/img.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/img.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/img.html#usage">Usage</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/img.html#image-source">Image source</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/img.html#label-as-an-image">Label as an image</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/img.html#transparency">Transparency</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/img.html#palette-and-alpha-index">Palette and Alpha index</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/img.html#recolor">Recolor</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/img.html#auto-size">Auto-size</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/img.html#mosaic">Mosaic</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/img.html#offset">Offset</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/img.html#transformations">Transformations</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/img.html#rotate">Rotate</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/img.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/img.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/img.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/img.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/img.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/img.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/imgbtn.html">Image button (lv_imgbtn)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/imgbtn.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/imgbtn.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/imgbtn.html#usage">Usage</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/imgbtn.html#image-sources">Image sources</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/imgbtn.html#button-features">Button features</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/imgbtn.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/imgbtn.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/imgbtn.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/imgbtn.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/imgbtn.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/imgbtn.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/keyboard.html">Keyboard (lv_keyboard)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/keyboard.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/keyboard.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/keyboard.html#usage">Usage</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/keyboard.html#modes">Modes</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/keyboard.html#assign-text-area">Assign Text area</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/keyboard.html#new-keymap">New Keymap</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/keyboard.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/keyboard.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/keyboard.html#examples">Examples</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/keyboard.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/keyboard.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/keyboard.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/label.html">Label (lv_label)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/label.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/label.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/label.html#usage">Usage</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/label.html#set-text">Set text</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/label.html#line-break">Line break</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/label.html#long-modes">Long modes</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/label.html#text-align">Text align</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/label.html#text-recolor">Text recolor</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/label.html#very-long-texts">Very long texts</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/label.html#symbols">Symbols</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/label.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/label.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/label.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/label.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/label.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/label.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/led.html">LED (lv_led)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/led.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/led.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/led.html#usage">Usage</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/led.html#brightness">Brightness</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/led.html#toggle">Toggle</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/led.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/led.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/led.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/led.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/led.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/led.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/line.html">Line (lv_line)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/line.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/line.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/line.html#usage">Usage</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/line.html#set-points">Set points</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/line.html#auto-size">Auto-size</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/line.html#invert-y">Invert y</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/line.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/line.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/line.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/line.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/line.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/line.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/list.html">List (lv_list)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/list.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/list.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/list.html#usage">Usage</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/list.html#add-buttons">Add buttons</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/list.html#delete-buttons">Delete buttons</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/list.html#manual-navigation">Manual navigation</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/list.html#layout">Layout</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/list.html#edge-flash">Edge flash</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/list.html#scroll-propagation">Scroll propagation</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/list.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/list.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/list.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/list.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/list.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/list.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/linemeter.html">Line meter (lv_lmeter)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/linemeter.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/linemeter.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/linemeter.html#usage">Usage</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/linemeter.html#set-value">Set value</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/linemeter.html#range-and-angles">Range and Angles</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/linemeter.html#angle-offset">Angle offset</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/linemeter.html#mirror">Mirror</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/linemeter.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/linemeter.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/linemeter.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/linemeter.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/linemeter.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/linemeter.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/msgbox.html">Message box (lv_msgbox)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/msgbox.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/msgbox.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/msgbox.html#usage">Usage</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/msgbox.html#set-text">Set text</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/msgbox.html#add-buttons">Add buttons</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/msgbox.html#auto-close">Auto-close</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/msgbox.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/msgbox.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/msgbox.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/msgbox.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/msgbox.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/objmask.html">Object mask (lv_objmask)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/objmask.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/objmask.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/objmask.html#usage">Usage</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/objmask.html#adding-mask">Adding mask</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/objmask.html#update-mask">Update mask</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/objmask.html#remove-mask">Remove mask</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/objmask.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/objmask.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/objmask.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/objmask.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/objmask.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/objmask.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/page.html">Page (lv_page)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/page.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/page.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/page.html#usage">Usage</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/page.html#scrollbars">Scrollbars</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/page.html#glue-object">Glue object</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/page.html#focus-object">Focus object</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/page.html#manual-navigation">Manual navigation</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/page.html#edge-flash">Edge flash</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/page.html#scroll-propagation">Scroll propagation</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/page.html#clean-the-page">Clean the page</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/page.html#scrollable-api">Scrollable API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/page.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/page.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/page.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/page.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/page.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/roller.html">Roller (lv_roller)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/roller.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/roller.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/roller.html#usage">Usage</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/roller.html#set-options">Set options</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/roller.html#get-selected-option">Get selected option</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/roller.html#align-the-options">Align the options</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/roller.html#visible-rows">Visible rows</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/roller.html#animation-time">Animation time</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/roller.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/roller.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/roller.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/roller.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/roller.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/roller.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/slider.html">Slider (lv_slider)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/slider.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/slider.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/slider.html#usage">Usage</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/slider.html#value-and-range">Value and range</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/slider.html#symmetrical-and-range">Symmetrical and Range</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/slider.html#knob-only-mode">Knob-only mode</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/slider.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/slider.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/slider.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/slider.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/slider.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/slider.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/spinbox.html">Spinbox (lv_spinbox)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/spinbox.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/spinbox.html#parts-and-styles">Parts and Styles</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/spinbox.html#set-format">Set format</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/spinbox.html#value-and-ranges">Value and ranges</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/spinbox.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/spinbox.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/spinbox.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/spinbox.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/spinbox.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/spinbox.html#api">API</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/spinbox.html#id1">Example</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/spinner.html">Spinner (lv_spinner)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/spinner.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/spinner.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/spinner.html#usage">Usage</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/spinner.html#arc-length">Arc length</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/spinner.html#spinning-speed">Spinning speed</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/spinner.html#spin-types">Spin types</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/spinner.html#spin-direction">Spin direction</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/spinner.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/spinner.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/spinner.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/spinner.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/spinner.html#id1">MicroPython</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/spinner.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/spinner.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/switch.html">Switch (lv_switch)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/switch.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/switch.html#parts-and-styles">Parts and Styles</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/switch.html#change-state">Change state</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/switch.html#animation-time">Animation time</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/switch.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/switch.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/switch.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/switch.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/switch.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/switch.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/table.html">Table (lv_table)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/table.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/table.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/table.html#usage">Usage</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/table.html#rows-and-columns">Rows and Columns</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/table.html#width-and-height">Width and Height</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/table.html#set-cell-value">Set cell value</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/table.html#align">Align</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/table.html#cell-type">Cell type</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/table.html#merge-cells">Merge cells</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/table.html#crop-text">Crop text</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/table.html#scroll">Scroll</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/table.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/table.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/table.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/table.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/table.html#id1">MicroPython</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/table.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/table.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/tabview.html">Tabview (lv_tabview)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/tabview.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/tabview.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/tabview.html#usage">Usage</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/tabview.html#adding-tab">Adding tab</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/tabview.html#change-tab">Change tab</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/tabview.html#change-tab-s-name">Change tab's name</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/tabview.html#tab-button-s-position">Tab button's position</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/tabview.html#animation-time">Animation time</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/tabview.html#scroll-propagation">Scroll propagation</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/tabview.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/tabview.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/tabview.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/tabview.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/tabview.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/tabview.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/textarea.html">Text area (lv_textarea)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/textarea.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/textarea.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/textarea.html#usage">Usage</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/textarea.html#add-text">Add text</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/textarea.html#placeholder">Placeholder</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/textarea.html#delete-character">Delete character</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/textarea.html#move-the-cursor">Move the cursor</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/textarea.html#hide-the-cursor">Hide the cursor</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/textarea.html#cursor-blink-time">Cursor blink time</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/textarea.html#one-line-mode">One line mode</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/textarea.html#password-mode">Password mode</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/textarea.html#text-align">Text align</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/textarea.html#accepted-characters">Accepted characters</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/textarea.html#max-text-length">Max text length</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/textarea.html#very-long-texts">Very long texts</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/textarea.html#select-text">Select text</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/textarea.html#scrollbars">Scrollbars</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/textarea.html#scroll-propagation">Scroll propagation</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/textarea.html#edge-flash">Edge flash</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/textarea.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/textarea.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/textarea.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/textarea.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/textarea.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/textarea.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/tileview.html">Tile view (lv_tileview)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/tileview.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/tileview.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/tileview.html#usage">Usage</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/tileview.html#valid-positions">Valid positions</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/tileview.html#set-tile">Set tile</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/tileview.html#add-element">Add element</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/tileview.html#scroll-propagation">Scroll propagation</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/tileview.html#animation-time">Animation time</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/tileview.html#edge-flash">Edge flash</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/tileview.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/tileview.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/tileview.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/tileview.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/tileview.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/tileview.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../widgets/win.html">Window (lv_win)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../widgets/win.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/win.html#parts-and-styles">Parts and Styles</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/win.html#title">Title</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/win.html#control-buttons">Control buttons</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/win.html#scrollbars">Scrollbars</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/win.html#manual-scroll-and-focus">Manual scroll and focus</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/win.html#layout">Layout</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/win.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/win.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/win.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../widgets/win.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../widgets/win.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../widgets/win.html#api">API</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="../contributing/index.html">Contributing</a><ul>
<li class="toctree-l2"><a class="reference internal" href="../contributing/index.html#introduction">Introduction</a></li>
<li class="toctree-l2"><a class="reference internal" href="../contributing/index.html#pull-request">Pull request</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../contributing/index.html#from-github">From GitHub</a></li>
<li class="toctree-l3"><a class="reference internal" href="../contributing/index.html#from-command-line">From command line</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../contributing/index.html#developer-certification-of-origin-dco">Developer Certification of Origin (DCO)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../contributing/index.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../contributing/index.html#accepted-licenses-and-copyright-notices">Accepted licenses and copyright notices</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../contributing/index.html#your-own-work">Your own work</a></li>
<li class="toctree-l4"><a class="reference internal" href="../contributing/index.html#use-code-from-online-source">Use code from online source</a></li>
<li class="toctree-l4"><a class="reference internal" href="../contributing/index.html#use-mit-licensed-code">Use MIT licensed code</a></li>
<li class="toctree-l4"><a class="reference internal" href="../contributing/index.html#use-gpl-licensed-code">Use GPL licensed code</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../contributing/index.html#when-you-get-started-with-lvgl">When you get started with LVGL</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../contributing/index.html#give-lvgl-a-star">Give LVGL a Star</a></li>
<li class="toctree-l3"><a class="reference internal" href="../contributing/index.html#tell-what-you-have-achieved">Tell what you have achieved</a></li>
<li class="toctree-l3"><a class="reference internal" href="../contributing/index.html#write-examples">Write examples</a></li>
<li class="toctree-l3"><a class="reference internal" href="../contributing/index.html#improve-the-docs">Improve the docs</a></li>
<li class="toctree-l3"><a class="reference internal" href="../contributing/index.html#translate-the-docs">Translate the docs</a></li>
<li class="toctree-l3"><a class="reference internal" href="../contributing/index.html#write-a-blog-post">Write a blog post</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../contributing/index.html#when-you-already-use-lvgl">When you already use LVGL</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../contributing/index.html#give-feedback">Give feedback</a></li>
<li class="toctree-l3"><a class="reference internal" href="../contributing/index.html#report-bugs">Report bugs</a></li>
<li class="toctree-l3"><a class="reference internal" href="../contributing/index.html#send-fixes">Send fixes</a></li>
<li class="toctree-l3"><a class="reference internal" href="../contributing/index.html#join-the-conversations-in-the-forum">Join the conversations in the Forum</a></li>
<li class="toctree-l3"><a class="reference internal" href="../contributing/index.html#add-features">Add features</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../contributing/index.html#when-you-are-confident-with-lvgl">When you are confident with LVGL</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../contributing/index.html#become-a-maintainer">Become a maintainer</a></li>
<li class="toctree-l3"><a class="reference internal" href="../contributing/index.html#move-your-project-repository-under-lvgl-organization">Move your project repository under LVGL organization</a></li>
</ul>
</li>
</ul>
</li>
</ul>

            
          
        </div>
        
      </div>
    </nav>

    <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">

      
      <nav class="wy-nav-top" aria-label="top navigation">
        
          <i data-toggle="wy-nav-top" class="fa fa-bars"></i>
          <a href="../index.html">LVGL</a>
        
      </nav>


      <div class="wy-nav-content">
        
        <div class="rst-content">
        
          

















<div role="navigation" aria-label="breadcrumbs navigation">

  <ul class="wy-breadcrumbs">
    
      <li><a href="../index.html" class="icon icon-home"></a> &raquo;</li>
        
          <li><a href="index.html">Overview</a> &raquo;</li>
        
      <li>Styles</li>
    
    
      <li class="wy-breadcrumbs-aside">
        
            
            
              <!-- User defined GitHub URL -->
              <a href="https://github.com/lvgl/docs/blob/latest/overview/style.md" class="fa fa-github"> Edit on GitHub</a>
            
          
        
      </li>
    
  </ul>

  
  <hr/>
</div>
          <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
           <div itemprop="articleBody">
            
  <div class="section" id="styles">
<h1>Styles<a class="headerlink" href="#styles" title="Permalink to this headline">¶</a></h1>
<p><em>Styles</em> are used to set the appearance of the objects. Styles in lvgl are heavily inspired by CSS. The concept in nutshell is the following:</p>
<ul class="simple">
<li><p>A style is an <code class="docutils literal notranslate"><span class="pre">lv_style_t</span></code> variable which can hold properties, for example border width, text color and so on. It's similar to <code class="docutils literal notranslate"><span class="pre">class</span></code> in CSS.</p></li>
<li><p>Not all properties have to be specified. Unspecified properties will use a default value.</p></li>
<li><p>Styles can be assigned to objects to change their appearance.</p></li>
<li><p>A style can be used by any number of objects.</p></li>
<li><p>Styles can be cascaded which means multiple styles can be assigned to an object and each style can have different properties.  
For example <code class="docutils literal notranslate"><span class="pre">style_btn</span></code> can result in a default gray button and <code class="docutils literal notranslate"><span class="pre">style_btn_red</span></code> can add only a <code class="docutils literal notranslate"><span class="pre">background-color=red</span></code> to overwrite the background color.</p></li>
<li><p>Later added styles have higher precedence. It means if a property is specified in two styles the later added will be used.</p></li>
<li><p>Some properties (e.g. text color) can be inherited from the parent(s) if it's not specified in the object.</p></li>
<li><p>Objects can have local styles that have higher precedence than &quot;normal&quot; styles.</p></li>
<li><p>Unlike CSS (where pseudo-classes describes different states, e.g. <code class="docutils literal notranslate"><span class="pre">:hover</span></code>), in lvgl a property is assigned to a given state. (I.e. not the &quot;class&quot; is related to state but every single property has a state)</p></li>
<li><p>Transitions can be applied when the object changes state.</p></li>
</ul>
<div class="section" id="states">
<h2>States<a class="headerlink" href="#states" title="Permalink to this headline">¶</a></h2>
<p>The objects can be in the following states:</p>
<ul class="simple">
<li><p><strong>LV_STATE_DEFAULT</strong> (0x00): Normal, released</p></li>
<li><p><strong>LV_STATE_CHECKED</strong> (0x01): Toggled or checked</p></li>
<li><p><strong>LV_STATE_FOCUSED</strong> (0x02): Focused via keypad or encoder or clicked via touchpad/mouse</p></li>
<li><p><strong>LV_STATE_EDITED</strong>  (0x04): Edit by an encoder</p></li>
<li><p><strong>LV_STATE_HOVERED</strong> (0x08): Hovered by mouse (not supported now)</p></li>
<li><p><strong>LV_STATE_PRESSED</strong> (0x10): Pressed</p></li>
<li><p><strong>LV_STATE_DISABLED</strong> (0x20): Disabled or inactive</p></li>
</ul>
<p>Combination of states is  also possible, for example <code class="docutils literal notranslate"><span class="pre">LV_STATE_FOCUSED</span> <span class="pre">|</span> <span class="pre">LV_STATE_PRESSED</span></code>.</p>
<p>The style properties can be defined in every state and state combination. For example, setting a different background color for default and pressed state.
If a property is not defined in a state the best matching state's property will be used. Typically it means the property with <code class="docutils literal notranslate"><span class="pre">LV_STATE_DEFAULT</span></code> state.˛
If the property is not set even for the default state the default value will be used. (See later)</p>
<p>But what does the &quot;best matching state's property&quot; really means?
States have a precedence which is shown by their value (see in the above list). A higher value means higher precedence.
To determine which state's property to use let's use an example. Let's see the background color is defined like this:</p>
<ul class="simple">
<li><p><code class="docutils literal notranslate"><span class="pre">LV_STATE_DEFAULT</span></code>: white</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">LV_STATE_PRESSED</span></code>: gray</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">LV_STATE_FOCUSED</span></code>: red</p></li>
</ul>
<ol class="simple">
<li><p>By the default the object is in default state, so it's a simple case: the property is perfectly defined in the object's current state as white</p></li>
<li><p>When the object is pressed there are 2 related properties: default with white (default is related to every state) and pressed with gray.
The pressed state has 0x10 precedence which is higher than the default state's 0x00 precedence, so gray color will be used.</p></li>
<li><p>When the object is focused the same thing happens as in pressed state and red color will be used. (Focused state has higher precedence than default state).</p></li>
<li><p>When the object is focused and pressed both gray and red would work, but the pressed state has higher precedence than focused so gray color will be used.</p></li>
<li><p>It's possible to set e.g rose color for <code class="docutils literal notranslate"><span class="pre">LV_STATE_PRESSED</span> <span class="pre">|</span> <span class="pre">LV_STATE_FOCUSED</span></code>.
In this case, this combined state has 0x02 + 0x10 = 0x12 precedence, which higher than the pressed states precedence so rose color would be used.</p></li>
<li><p>When the object is checked there is no property to set the background color for this state. So in lack of a better option, the object remains white from the default state's property.</p></li>
</ol>
<p>Some practical notes:</p>
<ul class="simple">
<li><p>If you want to set a property for all state (e.g. red background color) just set it for the default state. If the object can't find a property for its current state it will fall back to the default state's property.</p></li>
<li><p>Use ORed states to describe the properties for complex cases. (E.g. pressed + checked + focused)</p></li>
<li><p>It might be a good idea to use different style elements for different states.
For example, finding background colors for released, pressed, checked + pressed, focused, focused + pressed, focused + pressed + checked, etc states is quite difficult.
Instead, for example, use the background color for pressed and checked states and indicate the focused state with a different border color.</p></li>
</ul>
</div>
<div class="section" id="cascading-styles">
<h2>Cascading styles<a class="headerlink" href="#cascading-styles" title="Permalink to this headline">¶</a></h2>
<p>It's not required to set all the properties in one style. It's possible to add more styles to an object and let the later added style to modify or extend the properties in the other styles.
For example, create a general gray button style and create a new for red buttons where only the new background color is set.</p>
<p>It's the same concept when in CSS all the used classes are listed like <code class="docutils literal notranslate"><span class="pre">&lt;div</span> <span class="pre">class=&quot;.btn</span> <span class="pre">.btn-red&quot;&gt;</span></code>.</p>
<p>The later added styles have higher precedence over the earlier ones. So in the gray/red button example above, the normal button style should be added first and the red style second.
However, the precedence coming from states are still taken into account.
So let's examine the following case:</p>
<ul class="simple">
<li><p>the basic button style defines dark-gray color for default state and light-gray color pressed state</p></li>
<li><p>the red button style defines the background color as red only in the default state</p></li>
</ul>
<p>In this case, when the button is released (it's in default state) it will be red because a perfect match is found in the lastly added style (red style).
When the button is pressed the light-gray color is a better match because it describes the current state perfectly, so the button will be light-gray.</p>
</div>
<div class="section" id="inheritance">
<h2>Inheritance<a class="headerlink" href="#inheritance" title="Permalink to this headline">¶</a></h2>
<p>Some properties (typically that are related to texts) can be inherited from the parent object's styles. Inheritance is applied only if the given property is not set in the object's styles (even in default state).
In this case, if the property is inheritable, the property's value will be searched in the parent too until a part can tell a value for the property. The parents will use their own state to tell the value.
So is button is pressed, and text color comes from here, the pressed text color will be used.</p>
</div>
<div class="section" id="parts">
<h2>Parts<a class="headerlink" href="#parts" title="Permalink to this headline">¶</a></h2>
<p>Objects can have <em>parts</em> which can have their own style. For example a <a class="reference internal" href="../widgets/page.html"><span class="doc">page</span></a> has four parts:</p>
<ul class="simple">
<li><p>Background</p></li>
<li><p>Scrollable</p></li>
<li><p>Scrollbar</p></li>
<li><p>Edge flash</p></li>
</ul>
<p>There is three types of object parts <strong>main</strong>, <strong>virtual</strong> and <strong>real</strong>.</p>
<p>The main part is usually the background and largest part of the object. Some object has only a main part. For example, a button has only a background.</p>
<p>The virtual parts are additional parts just drawn on the fly to the main part. There is no &quot;real&quot; object behind them.
For example, the page's scrollbar is not a real object, it's just drawn when the page's background is drawn.
The virtual parts always have the same state as the main part.
If the property can be inherited, the main part will be also considered before going to the parent.</p>
<p>The real parts are real objects created and managed by the main object. For example, the page's scrollable part is real object.
Real parts can be in different state than the main part.</p>
<p>To see which parts an object has visit their documentation page.</p>
</div>
<div class="section" id="initialize-styles-and-set-get-properties">
<h2>Initialize styles and set/get properties<a class="headerlink" href="#initialize-styles-and-set-get-properties" title="Permalink to this headline">¶</a></h2>
<p>Styles are stored in <code class="docutils literal notranslate"><span class="pre">lv_style_t</span></code> variables. Style variables should be <code class="docutils literal notranslate"><span class="pre">static</span></code>, global or dynamically allocated. In other words they can not be local variables in functions which are destroyed when the function exists.
Before using a style it should be initialized with <code class="docutils literal notranslate"><span class="pre">lv_style_init(&amp;my_style)</span></code>.
After initializing the style properties can be set or added to it.
Property set functions looks like this: <code class="docutils literal notranslate"><span class="pre">lv_style_set_&lt;property_name&gt;(&amp;style,</span> <span class="pre">&lt;state&gt;,</span> <span class="pre">&lt;value&gt;);</span></code>
For example the <a class="reference external" href="#states">above mentioned</a> example looks like this:</p>
<div class="highlight-c notranslate"><div class="highlight"><pre><span></span><span class="k">static</span> <span class="n">lv_style_t</span> <span class="n">style1</span><span class="p">;</span>
<span class="n">lv_style_set_bg_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style1</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_WHITE</span><span class="p">);</span>
<span class="n">lv_style_set_bg_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style1</span><span class="p">,</span> <span class="n">LV_STATE_PRESSED</span><span class="p">,</span> <span class="n">LV_COLOR_GRAY</span><span class="p">);</span>
<span class="n">lv_style_set_bg_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style1</span><span class="p">,</span> <span class="n">LV_STATE_FOCUSED</span><span class="p">,</span> <span class="n">LV_COLOR_RED</span><span class="p">);</span>
<span class="n">lv_style_set_bg_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style1</span><span class="p">,</span> <span class="n">LV_STATE_FOCUSED</span> <span class="o">|</span> <span class="n">LV_STATE_PRESSED</span><span class="p">,</span> <span class="n">lv_color_hex</span><span class="p">(</span><span class="mh">0xf88</span><span class="p">));</span>
</pre></div>
</div>
<p>It's possible to copy a style with <code class="docutils literal notranslate"><span class="pre">lv_style_copy(&amp;style_destination,</span> <span class="pre">&amp;style_source)</span></code>. After copy properties still can be added freely.</p>
<p>To remove a property use:</p>
<div class="highlight-c notranslate"><div class="highlight"><pre><span></span><span class="n">lv_style_remove_prop</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STYLE_BG_COLOR</span> <span class="o">|</span> <span class="p">(</span><span class="n">LV_STATE_PRESSED</span> <span class="o">&lt;&lt;</span> <span class="n">LV_STYLE_STATE_POS</span><span class="p">));</span>
</pre></div>
</div>
<p>To get the value from style in a given state functions with the following prototype are available: <code class="docutils literal notranslate"><span class="pre">_lv_style_get_color/int/opa/ptr(&amp;style,</span> <span class="pre">&lt;prop&gt;,</span> <span class="pre">&lt;result</span> <span class="pre">buf&gt;);</span></code>.
The best matching property will be selected and it's precedence will be returned. <code class="docutils literal notranslate"><span class="pre">-1</span></code> will be returned if the property is not found.</p>
<p>The form of the function (<code class="docutils literal notranslate"><span class="pre">...color/int/opa/ptr</span></code>) should be used according to the type of <code class="docutils literal notranslate"><span class="pre">&lt;prop&gt;</span></code>.</p>
<p>For example:</p>
<div class="highlight-c notranslate"><div class="highlight"><pre><span></span><span class="n">lv_color_t</span> <span class="n">color</span><span class="p">;</span>
<span class="kt">int16_t</span> <span class="n">res</span><span class="p">;</span>
<span class="n">res</span> <span class="o">=</span> <span class="n">_lv_style_get_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style1</span><span class="p">,</span>  <span class="n">LV_STYLE_BG_COLOR</span> <span class="o">|</span> <span class="p">(</span><span class="n">LV_STATE_PRESSED</span> <span class="o">&lt;&lt;</span> <span class="n">LV_STYLE_STATE_POS</span><span class="p">),</span> <span class="o">&amp;</span><span class="n">color</span><span class="p">);</span>
<span class="k">if</span><span class="p">(</span><span class="n">res</span> <span class="o">&gt;=</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span>
  <span class="c1">//the bg_color is loaded into `color`</span>
<span class="p">}</span>
</pre></div>
</div>
<p>To reset a style (free all it's data) use</p>
<div class="highlight-c notranslate"><div class="highlight"><pre><span></span><span class="n">lv_style_reset</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">);</span>
</pre></div>
</div>
</div>
<div class="section" id="managing-style-list">
<h2>Managing style list<a class="headerlink" href="#managing-style-list" title="Permalink to this headline">¶</a></h2>
<p>A style on its own not that useful. It should be assigned to an object to take its effect.
Every part of the objects stores a <em>style list</em> which is the list of assigned styles.</p>
<p>To add a style to an object use <code class="docutils literal notranslate"><span class="pre">lv_obj_add_style(obj,</span> <span class="pre">&lt;part&gt;,</span> <span class="pre">&amp;style)</span></code>
For example:</p>
<div class="highlight-c notranslate"><div class="highlight"><pre><span></span><span class="n">lv_obj_add_style</span><span class="p">(</span><span class="n">btn</span><span class="p">,</span> <span class="n">LV_BTN_PART_MAIN</span><span class="p">,</span> <span class="o">&amp;</span><span class="n">btn</span><span class="p">);</span>      <span class="cm">/*Default button style*/</span>
<span class="n">lv_obj_add_style</span><span class="p">(</span><span class="n">btn</span><span class="p">,</span> <span class="n">LV_BTN_PART_MAIN</span><span class="p">,</span> <span class="o">&amp;</span><span class="n">btn_red</span><span class="p">);</span>  <span class="cm">/*Overwrite only a some colors to red*/</span>
</pre></div>
</div>
<p>An objects style list can be reset with <code class="docutils literal notranslate"><span class="pre">lv_obj_reset_style_list(obj,</span> <span class="pre">&lt;part&gt;)</span></code></p>
<p>If a style which is already assigned to an object changes (i.e. one of it's property is set to a new value) the objects using that style should be notified with <code class="docutils literal notranslate"><span class="pre">lv_obj_refresh_style(obj,</span> <span class="pre">part,</span> <span class="pre">property)</span></code>. To refresh all parts and proeprties use <code class="docutils literal notranslate"><span class="pre">lv_obj_refresh_style(obj,</span> <span class="pre">LV_OBJ_PART_ALL,</span> <span class="pre">LV_STYLE_PROP_ALL)</span></code>.</p>
<p>To get a final value of property, including cascading, inheritance, local styles and transitions (see below), get functions like this can be used: <code class="docutils literal notranslate"><span class="pre">lv_obj_get_style_&lt;property_name&gt;(obj,</span> <span class="pre">&lt;part&gt;)</span></code>.
These functions uses the object's current state and if no better candidate returns a default value.  
For example:</p>
<div class="highlight-c notranslate"><div class="highlight"><pre><span></span><span class="n">lv_color_t</span> <span class="n">color</span> <span class="o">=</span> <span class="n">lv_obj_get_style_bg_color</span><span class="p">(</span><span class="n">btn</span><span class="p">,</span> <span class="n">LV_BTN_PART_MAIN</span><span class="p">);</span>
</pre></div>
</div>
</div>
<div class="section" id="local-styles">
<h2>Local styles<a class="headerlink" href="#local-styles" title="Permalink to this headline">¶</a></h2>
<p>In the object's style lists, so-called local properties can be stored as well. It's the same concept than CSS's <code class="docutils literal notranslate"><span class="pre">&lt;div</span> <span class="pre">style=&quot;color:red&quot;&gt;</span></code>.
The local style is the same as a normal style, but it belongs only to a given object and can not be shared with other objects.
To set a local property use functions like <code class="docutils literal notranslate"><span class="pre">lv_obj_set_style_local_&lt;property_name&gt;(obj,</span> <span class="pre">&lt;part&gt;,</span> <span class="pre">&lt;state&gt;,</span> <span class="pre">&lt;value&gt;);</span></code>  
For example:</p>
<div class="highlight-c notranslate"><div class="highlight"><pre><span></span><span class="n">lv_obj_set_style_local_bg_color</span><span class="p">(</span><span class="n">btn</span><span class="p">,</span> <span class="n">LV_BTN_PART_MAIN</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_RED</span><span class="p">);</span>
</pre></div>
</div>
</div>
<div class="section" id="transitions">
<h2>Transitions<a class="headerlink" href="#transitions" title="Permalink to this headline">¶</a></h2>
<p>By default, when an object changes state (e.g. it's pressed) the new properties from the new state are set immediately. However, with transitions it's possible to play an animation on state change.
For example, on pressing a button its background color can be animated to the pressed color over 300 ms.</p>
<p>The parameters of the transitions are stored in the styles. It's possible to set</p>
<ul class="simple">
<li><p>the time of the transition</p></li>
<li><p>the delay before starting the transition</p></li>
<li><p>the animation path (also known as timing function)</p></li>
<li><p>the properties to animate</p></li>
</ul>
<p>The transition properties can be defined for each state.
For example, setting 500 ms transition time in default state will mean that when the object goes to default state 500 ms transition time will be applied.
Setting 100 ms transition time in the pressed state will mean a 100 ms transition time when going to presses state.
So this example configuration will result in fast going to presses state and slow going back to default.</p>
</div>
<div class="section" id="properties">
<h2>Properties<a class="headerlink" href="#properties" title="Permalink to this headline">¶</a></h2>
<p>The following properties can be used in the styles.</p>
<div class="section" id="mixed-properties">
<h3>Mixed properties<a class="headerlink" href="#mixed-properties" title="Permalink to this headline">¶</a></h3>
<ul class="simple">
<li><p><strong>radius</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Set the radius of the background. 0: no radius, <code class="docutils literal notranslate"><span class="pre">LV_RADIUS_CIRCLE</span></code>: maximal radius.  Default value: 0.</p></li>
<li><p><strong>clip_corner</strong> (<code class="docutils literal notranslate"><span class="pre">bool</span></code>): <code class="docutils literal notranslate"><span class="pre">true</span></code>: enable to clip the overflowed content on the rounded (radius &gt; 0) corners. Default value: <code class="docutils literal notranslate"><span class="pre">false</span></code>.</p></li>
<li><p><strong>size</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Size of internal elements of the widgets. See the documentation of the widgets if this property is used or not. Default value: <code class="docutils literal notranslate"><span class="pre">LV_DPI</span> <span class="pre">/</span> <span class="pre">20</span></code>.</p></li>
<li><p><strong>transform_width</strong>  (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Make the object wider on both sides with this value. Default value: 0.</p></li>
<li><p><strong>transform_height</strong>  (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>) Make the object higher on both sides with this value. Default value: 0.</p></li>
<li><p><strong>transform_angle</strong>  (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Rotate the image-like objects. It's uinit is 0.1 deg, for 45 deg use 450. Default value: 0.</p></li>
<li><p><strong>transform_zoom</strong>  (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>) Zoom image-like objects. 256 (or <code class="docutils literal notranslate"><span class="pre">LV_IMG_ZOOM_NONE</span></code>) for normal size, 128 half size, 512 double size, ans so on. Default value: <code class="docutils literal notranslate"><span class="pre">LV_IMG_ZOOM_NONE</span></code>.</p></li>
<li><p><strong>opa_scale</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Inherited. Scale down all opacity values of the object by this factor. As it's inherited the children objects will be affected too. Default value: <code class="docutils literal notranslate"><span class="pre">LV_OPA_COVER</span></code>.</p></li>
</ul>
</div>
<div class="section" id="padding-and-margin-properties">
<h3>Padding and margin properties<a class="headerlink" href="#padding-and-margin-properties" title="Permalink to this headline">¶</a></h3>
<p><em>Padding</em> sets the space on the inner sides of the edges. It means &quot;I don't want my children too close to my sides, so keep this space&quot;.<br /><em>Padding inner</em> set the &quot;gap&quot; between the children.
<em>Margin</em> sets the space on the outer side of the edges. It means &quot;I want this space around me&quot;.</p>
<p>These properties are typically used by <a class="reference internal" href="../widgets/cont.html"><span class="doc">Container</span></a> object if <a class="reference external" href="/widgets/cont#layout">layout</a> or
<a class="reference external" href="/widgets/cont#auto-fit">auto fit</a> is enabled.
However other widgets also use them to set spacing. See the documentation of the widgets for the details.</p>
<ul class="simple">
<li><p><strong>pad_top</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Set the padding on the top. Default value: 0.</p></li>
<li><p><strong>pad_bottom</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Set the padding on the bottom. Default value: 0.</p></li>
<li><p><strong>pad_left</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Set the padding on the left. Default value: 0.</p></li>
<li><p><strong>pad_right</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Set the padding on the right. Default value: 0.</p></li>
<li><p><strong>pad_inner</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Set the padding inside the object between children. Default value: 0.</p></li>
<li><p><strong>margin_top</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Set the margin on the top. Default value: 0.</p></li>
<li><p><strong>margin_bottom</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Set the margin on the bottom. Default value: 0.</p></li>
<li><p><strong>margin_left</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Set the margin on the left. Default value: 0.</p></li>
<li><p><strong>margin_right</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Set the margin on the right. Default value: 0.</p></li>
</ul>
</div>
<div class="section" id="background-properties">
<h3>Background properties<a class="headerlink" href="#background-properties" title="Permalink to this headline">¶</a></h3>
<p>The background is a simple rectangle which can have gradient and <code class="docutils literal notranslate"><span class="pre">radius</span></code> rounding.</p>
<ul class="simple">
<li><p><strong>bg_color</strong> (<code class="docutils literal notranslate"><span class="pre">lv_color_t</span></code>) Specifies the color of the background. Default value: <code class="docutils literal notranslate"><span class="pre">LV_COLOR_WHITE</span></code>.</p></li>
<li><p><strong>bg_opa</strong> (<code class="docutils literal notranslate"><span class="pre">lv_opa_t</span></code>) Specifies opacity of the background. Default value: <code class="docutils literal notranslate"><span class="pre">LV_OPA_TRANSP</span></code>.</p></li>
<li><p><strong>bg_grad_color</strong> (<code class="docutils literal notranslate"><span class="pre">lv_color_t</span></code>) Specifies the color of the background's gradient. The color on the right or bottom is <code class="docutils literal notranslate"><span class="pre">bg_grad_dir</span> <span class="pre">!=</span> <span class="pre">LV_GRAD_DIR_NONE</span></code>. Default value: <code class="docutils literal notranslate"><span class="pre">LV_COLOR_WHITE</span></code>.</p></li>
<li><p><strong>bg_main_stop</strong> (<code class="docutils literal notranslate"><span class="pre">uint8_t</span></code>): Specifies where should the gradient start. 0: at left/top most position, 255: at right/bottom most position. Default value: 0.</p></li>
<li><p><strong>bg_grad_stop</strong> (<code class="docutils literal notranslate"><span class="pre">uint8_t</span></code>): Specifies where should the gradient stop. 0: at left/top most position, 255: at right/bottom most position. Default value: 255.</p></li>
<li><p><strong>bg_grad_dir</strong> (<code class="docutils literal notranslate"><span class="pre">lv_grad_dir_t</span></code>) Specifies the direction of the gradient. Can be <code class="docutils literal notranslate"><span class="pre">LV_GRAD_DIR_NONE/HOR/VER</span></code>. Default value: <code class="docutils literal notranslate"><span class="pre">LV_GRAD_DIR_NONE</span></code>.</p></li>
<li><p><strong>bg_blend_mode</strong> (<code class="docutils literal notranslate"><span class="pre">lv_blend_mode_t</span></code>): Set the blend mode the background. Can be <code class="docutils literal notranslate"><span class="pre">LV_BLEND_MODE_NORMAL/ADDITIVE/SUBTRACTIVE</span></code>). Default value: <code class="docutils literal notranslate"><span class="pre">LV_BLEND_MODE_NORMAL</span></code>.</p></li>
</ul>
<img alt="Styling the background in lvgl" src="../_images/lv_ex_style_1.png" />
<div class="highlight-c notranslate"><div class="highlight"><pre><span></span><span class="cp">#include</span> <span class="cpf">&quot;../../lv_examples.h&quot;</span><span class="cp"></span>

<span class="cm">/**</span>
<span class="cm"> * Using the background style properties</span>
<span class="cm"> */</span>
<span class="kt">void</span> <span class="nf">lv_ex_style_1</span><span class="p">(</span><span class="kt">void</span><span class="p">)</span>
<span class="p">{</span>
    <span class="k">static</span> <span class="n">lv_style_t</span> <span class="n">style</span><span class="p">;</span>
    <span class="n">lv_style_init</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">);</span>
    <span class="n">lv_style_set_radius</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">5</span><span class="p">);</span>

    <span class="cm">/*Make a gradient*/</span>
    <span class="n">lv_style_set_bg_opa</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_OPA_COVER</span><span class="p">);</span>
    <span class="n">lv_style_set_bg_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_SILVER</span><span class="p">);</span>
    <span class="n">lv_style_set_bg_grad_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_BLUE</span><span class="p">);</span>
    <span class="n">lv_style_set_bg_grad_dir</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_GRAD_DIR_VER</span><span class="p">);</span>

    <span class="cm">/*Shift the gradient to the bottom*/</span>
    <span class="n">lv_style_set_bg_main_stop</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">128</span><span class="p">);</span>
    <span class="n">lv_style_set_bg_grad_stop</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">192</span><span class="p">);</span>


    <span class="cm">/*Create an object with the new style*/</span>
    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">obj</span> <span class="o">=</span> <span class="n">lv_obj_create</span><span class="p">(</span><span class="n">lv_scr_act</span><span class="p">(),</span> <span class="nb">NULL</span><span class="p">);</span>
    <span class="n">lv_obj_add_style</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="n">LV_OBJ_PART_MAIN</span><span class="p">,</span> <span class="o">&amp;</span><span class="n">style</span><span class="p">);</span>
    <span class="n">lv_obj_align</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="nb">NULL</span><span class="p">,</span> <span class="n">LV_ALIGN_CENTER</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">);</span>
<span class="p">}</span>

</pre></div>
</div>
</div>
<div class="section" id="border-properties">
<h3>Border properties<a class="headerlink" href="#border-properties" title="Permalink to this headline">¶</a></h3>
<p>The border is drawn on top of the <em>background</em>. It has <code class="docutils literal notranslate"><span class="pre">radius</span></code> rounding.</p>
<ul class="simple">
<li><p><strong>border_color</strong> (<code class="docutils literal notranslate"><span class="pre">lv_color_t</span></code>) Specifies the color of the border. Default value: <code class="docutils literal notranslate"><span class="pre">LV_COLOR_BLACK</span></code>.</p></li>
<li><p><strong>border_opa</strong> (<code class="docutils literal notranslate"><span class="pre">lv_opa_t</span></code>) Specifies opacity of the border. Default value: <code class="docutils literal notranslate"><span class="pre">LV_OPA_COVER</span></code>.</p></li>
<li><p><strong>border_width</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Set the width of the border. Default value: 0.</p></li>
<li><p><strong>border_side</strong> (<code class="docutils literal notranslate"><span class="pre">lv_border_side_t</span></code>) Specifies which sides of the border to draw. Can be <code class="docutils literal notranslate"><span class="pre">LV_BORDER_SIDE_NONE/LEFT/RIGHT/TOP/BOTTOM/FULL</span></code>. ORed values are also possible. Default value: <code class="docutils literal notranslate"><span class="pre">LV_BORDER_SIDE_FULL</span></code>.</p></li>
<li><p><strong>border_post</strong> (<code class="docutils literal notranslate"><span class="pre">bool</span></code>): If <code class="docutils literal notranslate"><span class="pre">true</span></code> the border will be drawn after all children have been drawn. Default value: <code class="docutils literal notranslate"><span class="pre">false</span></code>.</p></li>
<li><p><strong>border_blend_mode</strong> (<code class="docutils literal notranslate"><span class="pre">lv_blend_mode_t</span></code>): Set the blend mode of the border. Can be <code class="docutils literal notranslate"><span class="pre">LV_BLEND_MODE_NORMAL/ADDITIVE/SUBTRACTIVE</span></code>). Default value: <code class="docutils literal notranslate"><span class="pre">LV_BLEND_MODE_NORMAL</span></code>.</p></li>
</ul>
<img alt="Styling the border in lvgl" src="../_images/lv_ex_style_2.png" />
<div class="highlight-c notranslate"><div class="highlight"><pre><span></span><span class="cp">#include</span> <span class="cpf">&quot;../../lv_examples.h&quot;</span><span class="cp"></span>

<span class="cm">/**</span>
<span class="cm"> * Using the border style properties</span>
<span class="cm"> */</span>
<span class="kt">void</span> <span class="nf">lv_ex_style_2</span><span class="p">(</span><span class="kt">void</span><span class="p">)</span>
<span class="p">{</span>
    <span class="k">static</span> <span class="n">lv_style_t</span> <span class="n">style</span><span class="p">;</span>
    <span class="n">lv_style_init</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">);</span>

    <span class="cm">/*Set a background color and a radius*/</span>
    <span class="n">lv_style_set_radius</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">20</span><span class="p">);</span>
    <span class="n">lv_style_set_bg_opa</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_OPA_COVER</span><span class="p">);</span>
    <span class="n">lv_style_set_bg_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_SILVER</span><span class="p">);</span>

    <span class="cm">/*Add border to the bottom+right*/</span>
    <span class="n">lv_style_set_border_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_BLUE</span><span class="p">);</span>
    <span class="n">lv_style_set_border_width</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">5</span><span class="p">);</span>
    <span class="n">lv_style_set_border_opa</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_OPA_50</span><span class="p">);</span>
    <span class="n">lv_style_set_border_side</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_BORDER_SIDE_BOTTOM</span> <span class="o">|</span> <span class="n">LV_BORDER_SIDE_RIGHT</span><span class="p">);</span>

    <span class="cm">/*Create an object with the new style*/</span>
    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">obj</span> <span class="o">=</span> <span class="n">lv_obj_create</span><span class="p">(</span><span class="n">lv_scr_act</span><span class="p">(),</span> <span class="nb">NULL</span><span class="p">);</span>
    <span class="n">lv_obj_add_style</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="n">LV_OBJ_PART_MAIN</span><span class="p">,</span> <span class="o">&amp;</span><span class="n">style</span><span class="p">);</span>
    <span class="n">lv_obj_align</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="nb">NULL</span><span class="p">,</span> <span class="n">LV_ALIGN_CENTER</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">);</span>
<span class="p">}</span>

</pre></div>
</div>
</div>
<div class="section" id="outline-properties">
<h3>Outline properties<a class="headerlink" href="#outline-properties" title="Permalink to this headline">¶</a></h3>
<p>The outline is similar to <em>border</em> but is drawn outside of the object.</p>
<ul class="simple">
<li><p><strong>outline_color</strong> (<code class="docutils literal notranslate"><span class="pre">lv_color_t</span></code>) Specifies the color of the outline. Default value: <code class="docutils literal notranslate"><span class="pre">LV_COLOR_BLACK</span></code>.</p></li>
<li><p><strong>outline_opa</strong> (<code class="docutils literal notranslate"><span class="pre">lv_opa_t</span></code>) Specifies opacity of the outline. Default value: <code class="docutils literal notranslate"><span class="pre">LV_OPA_COVER</span></code>.</p></li>
<li><p><strong>outline_width</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Set the width of the outline. Default value: 0.</p></li>
<li><p><strong>outline_pad</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>) Set the space between the object and the outline. Default value: 0.</p></li>
<li><p><strong>outline_blend_mode</strong> (<code class="docutils literal notranslate"><span class="pre">lv_blend_mode_t</span></code>): Set the blend mode of the outline. Can be <code class="docutils literal notranslate"><span class="pre">LV_BLEND_MODE_NORMAL/ADDITIVE/SUBTRACTIVE</span></code>). Default value: <code class="docutils literal notranslate"><span class="pre">LV_BLEND_MODE_NORMAL</span></code>.</p></li>
</ul>
<img alt="Styling the outline in lvgl" src="../_images/lv_ex_style_3.png" />
<div class="highlight-c notranslate"><div class="highlight"><pre><span></span><span class="cp">#include</span> <span class="cpf">&quot;../../lv_examples.h&quot;</span><span class="cp"></span>

<span class="cm">/**</span>
<span class="cm"> * Using the outline style properties</span>
<span class="cm"> */</span>
<span class="kt">void</span> <span class="nf">lv_ex_style_3</span><span class="p">(</span><span class="kt">void</span><span class="p">)</span>
<span class="p">{</span>
    <span class="k">static</span> <span class="n">lv_style_t</span> <span class="n">style</span><span class="p">;</span>
    <span class="n">lv_style_init</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">);</span>

    <span class="cm">/*Set a background color and a radius*/</span>
    <span class="n">lv_style_set_radius</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">5</span><span class="p">);</span>
    <span class="n">lv_style_set_bg_opa</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_OPA_COVER</span><span class="p">);</span>
    <span class="n">lv_style_set_bg_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_SILVER</span><span class="p">);</span>

    <span class="cm">/*Add outline*/</span>
    <span class="n">lv_style_set_outline_width</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">2</span><span class="p">);</span>
    <span class="n">lv_style_set_outline_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_BLUE</span><span class="p">);</span>
    <span class="n">lv_style_set_outline_pad</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">8</span><span class="p">);</span>

    <span class="cm">/*Create an object with the new style*/</span>
    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">obj</span> <span class="o">=</span> <span class="n">lv_obj_create</span><span class="p">(</span><span class="n">lv_scr_act</span><span class="p">(),</span> <span class="nb">NULL</span><span class="p">);</span>
    <span class="n">lv_obj_add_style</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="n">LV_OBJ_PART_MAIN</span><span class="p">,</span> <span class="o">&amp;</span><span class="n">style</span><span class="p">);</span>
    <span class="n">lv_obj_align</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="nb">NULL</span><span class="p">,</span> <span class="n">LV_ALIGN_CENTER</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">);</span>
<span class="p">}</span>

</pre></div>
</div>
</div>
<div class="section" id="shadow-properties">
<h3>Shadow properties<a class="headerlink" href="#shadow-properties" title="Permalink to this headline">¶</a></h3>
<p>The shadow is a blurred area under the object.</p>
<ul class="simple">
<li><p><strong>shadow_color</strong> (<code class="docutils literal notranslate"><span class="pre">lv_color_t</span></code>) Specifies the color of the shadow. Default value: <code class="docutils literal notranslate"><span class="pre">LV_COLOR_BLACK</span></code>.</p></li>
<li><p><strong>shadow_opa</strong> (<code class="docutils literal notranslate"><span class="pre">lv_opa_t</span></code>) Specifies opacity of the shadow. Default value: <code class="docutils literal notranslate"><span class="pre">LV_OPA_TRANSP</span></code>.</p></li>
<li><p><strong>shadow_width</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Set the width (blur size) of the outline. Default value: 0.</p></li>
<li><p><strong>shadow_ofs_x</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Set the an X offset for the shadow. Default value: 0.</p></li>
<li><p><strong>shadow_ofs_y</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Set the an Y offset for the shadow. Default value: 0.</p></li>
<li><p><strong>shadow_spread</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): make the shadow larger than the background in every direction by this value. Default value: 0.</p></li>
<li><p><strong>shadow_blend_mode</strong> (<code class="docutils literal notranslate"><span class="pre">lv_blend_mode_t</span></code>): Set the blend mode of the shadow. Can be <code class="docutils literal notranslate"><span class="pre">LV_BLEND_MODE_NORMAL/ADDITIVE/SUBTRACTIVE</span></code>). Default value: <code class="docutils literal notranslate"><span class="pre">LV_BLEND_MODE_NORMAL</span></code>.</p></li>
</ul>
<img alt="Styling the shadow in lvgl" src="../_images/lv_ex_style_4.png" />
<div class="highlight-c notranslate"><div class="highlight"><pre><span></span><span class="cp">#include</span> <span class="cpf">&quot;../../lv_examples.h&quot;</span><span class="cp"></span>

<span class="cm">/**</span>
<span class="cm"> * Using the Shadow style properties</span>
<span class="cm"> */</span>
<span class="kt">void</span> <span class="nf">lv_ex_style_4</span><span class="p">(</span><span class="kt">void</span><span class="p">)</span>
<span class="p">{</span>
    <span class="k">static</span> <span class="n">lv_style_t</span> <span class="n">style</span><span class="p">;</span>
    <span class="n">lv_style_init</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">);</span>

    <span class="cm">/*Set a background color and a radius*/</span>
    <span class="n">lv_style_set_radius</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">5</span><span class="p">);</span>
    <span class="n">lv_style_set_bg_opa</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_OPA_COVER</span><span class="p">);</span>
    <span class="n">lv_style_set_bg_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_SILVER</span><span class="p">);</span>

    <span class="cm">/*Add a shadow*/</span>
    <span class="n">lv_style_set_shadow_width</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">8</span><span class="p">);</span>
    <span class="n">lv_style_set_shadow_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_BLUE</span><span class="p">);</span>
    <span class="n">lv_style_set_shadow_ofs_x</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">10</span><span class="p">);</span>
    <span class="n">lv_style_set_shadow_ofs_y</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">20</span><span class="p">);</span>

    <span class="cm">/*Create an object with the new style*/</span>
    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">obj</span> <span class="o">=</span> <span class="n">lv_obj_create</span><span class="p">(</span><span class="n">lv_scr_act</span><span class="p">(),</span> <span class="nb">NULL</span><span class="p">);</span>
    <span class="n">lv_obj_add_style</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="n">LV_OBJ_PART_MAIN</span><span class="p">,</span> <span class="o">&amp;</span><span class="n">style</span><span class="p">);</span>
    <span class="n">lv_obj_align</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="nb">NULL</span><span class="p">,</span> <span class="n">LV_ALIGN_CENTER</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">);</span>
<span class="p">}</span>

</pre></div>
</div>
</div>
<div class="section" id="pattern-properties">
<h3>Pattern properties<a class="headerlink" href="#pattern-properties" title="Permalink to this headline">¶</a></h3>
<p>The pattern is an image (or symbol) drawn in the middle of the background or repeated to fill the whole background.</p>
<ul class="simple">
<li><p><strong>pattern_image</strong> (<code class="docutils literal notranslate"><span class="pre">const</span> <span class="pre">void</span> <span class="pre">*</span></code>): Pointer to an <code class="docutils literal notranslate"><span class="pre">lv_img_dsc_t</span></code> variable, a path to an image file or a symbol. Default value: <code class="docutils literal notranslate"><span class="pre">NULL</span></code>.</p></li>
<li><p><strong>pattern_opa</strong> (<code class="docutils literal notranslate"><span class="pre">lv_opa_t</span></code>): Specifies opacity of the pattern. Default value: <code class="docutils literal notranslate"><span class="pre">LV_OPA_COVER</span></code>.</p></li>
<li><p><strong>pattern_recolor</strong> (<code class="docutils literal notranslate"><span class="pre">lv_color_t</span></code>): Mix this color to the pattern image. In case of symbols (texts) it will be the text color. Default value: <code class="docutils literal notranslate"><span class="pre">LV_COLOR_BLACK</span></code>.</p></li>
<li><p><strong>pattern_recolor_opa</strong> (<code class="docutils literal notranslate"><span class="pre">lv_opa_t</span></code>): Intensity of recoloring. Default value: <code class="docutils literal notranslate"><span class="pre">LV_OPA_TRANSP</span></code> (no recoloring).</p></li>
<li><p><strong>pattern_repeat</strong> (<code class="docutils literal notranslate"><span class="pre">bool</span></code>): <code class="docutils literal notranslate"><span class="pre">true</span></code>: the pattern will be repeated as a mosaic. <code class="docutils literal notranslate"><span class="pre">false</span></code>: place the pattern in the middle of the background. Default value: <code class="docutils literal notranslate"><span class="pre">false</span></code>.</p></li>
<li><p><strong>pattern_blend_mode</strong> (<code class="docutils literal notranslate"><span class="pre">lv_blend_mode_t</span></code>): Set the blend mode of the pattern. Can be <code class="docutils literal notranslate"><span class="pre">LV_BLEND_MODE_NORMAL/ADDITIVE/SUBTRACTIVE</span></code>). Default value: <code class="docutils literal notranslate"><span class="pre">LV_BLEND_MODE_NORMAL</span></code>.</p></li>
</ul>
<img alt="Styling the shadow in lvgl" src="../_images/lv_ex_style_5.png" />
<div class="highlight-c notranslate"><div class="highlight"><pre><span></span><span class="cp">#include</span> <span class="cpf">&quot;../../lv_examples.h&quot;</span><span class="cp"></span>

<span class="cm">/**</span>
<span class="cm"> * Using the pattern style properties</span>
<span class="cm"> */</span>
<span class="kt">void</span> <span class="nf">lv_ex_style_5</span><span class="p">(</span><span class="kt">void</span><span class="p">)</span>
<span class="p">{</span>
    <span class="k">static</span> <span class="n">lv_style_t</span> <span class="n">style</span><span class="p">;</span>
    <span class="n">lv_style_init</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">);</span>

    <span class="cm">/*Set a background color and a radius*/</span>
    <span class="n">lv_style_set_radius</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">5</span><span class="p">);</span>
    <span class="n">lv_style_set_bg_opa</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_OPA_COVER</span><span class="p">);</span>
    <span class="n">lv_style_set_bg_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_SILVER</span><span class="p">);</span>

    <span class="cm">/*Add a repeating pattern*/</span>
    <span class="n">lv_style_set_pattern_image</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_SYMBOL_OK</span><span class="p">);</span>
    <span class="n">lv_style_set_pattern_recolor</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_BLUE</span><span class="p">);</span>
    <span class="n">lv_style_set_pattern_opa</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_OPA_50</span><span class="p">);</span>
    <span class="n">lv_style_set_pattern_repeat</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="nb">true</span><span class="p">);</span>

    <span class="cm">/*Create an object with the new style*/</span>
    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">obj</span> <span class="o">=</span> <span class="n">lv_obj_create</span><span class="p">(</span><span class="n">lv_scr_act</span><span class="p">(),</span> <span class="nb">NULL</span><span class="p">);</span>
    <span class="n">lv_obj_add_style</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="n">LV_OBJ_PART_MAIN</span><span class="p">,</span> <span class="o">&amp;</span><span class="n">style</span><span class="p">);</span>
    <span class="n">lv_obj_align</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="nb">NULL</span><span class="p">,</span> <span class="n">LV_ALIGN_CENTER</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">);</span>
<span class="p">}</span>

</pre></div>
</div>
</div>
<div class="section" id="value-properties">
<h3>Value properties<a class="headerlink" href="#value-properties" title="Permalink to this headline">¶</a></h3>
<p>Value is an arbitrary text drawn to the background. It can be a lightweighted replacement of creating label objects.</p>
<ul class="simple">
<li><p><strong>value_str</strong> (<code class="docutils literal notranslate"><span class="pre">const</span> <span class="pre">char</span> <span class="pre">*</span></code>): Pointer to text to display. Only the pointer is saved! (Don't use local variable with lv_style_set_value_str, instead use static, global or dynamically allocated data). Default value: <code class="docutils literal notranslate"><span class="pre">NULL</span></code>.</p></li>
<li><p><strong>value_color</strong> (<code class="docutils literal notranslate"><span class="pre">lv_color_t</span></code>): Color of the text. Default value: <code class="docutils literal notranslate"><span class="pre">LV_COLOR_BLACK</span></code>.</p></li>
<li><p><strong>value_opa</strong> (<code class="docutils literal notranslate"><span class="pre">lv_opa_t</span></code>): Opacity of the text. Default value: <code class="docutils literal notranslate"><span class="pre">LV_OPA_COVER</span></code>.</p></li>
<li><p><strong>value_font</strong> (<code class="docutils literal notranslate"><span class="pre">const</span> <span class="pre">lv_font_t</span> <span class="pre">*</span></code>): Pointer to font of the text. Default value: <code class="docutils literal notranslate"><span class="pre">NULL</span></code>.</p></li>
<li><p><strong>value_letter_space</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Letter space of the text. Default value: 0.</p></li>
<li><p><strong>value_line_space</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Line space of the text. Default value: 0.</p></li>
<li><p><strong>value_align</strong> (<code class="docutils literal notranslate"><span class="pre">lv_align_t</span></code>): Alignment of the text. Can be <code class="docutils literal notranslate"><span class="pre">LV_ALIGN_...</span></code>. Default value: <code class="docutils literal notranslate"><span class="pre">LV_ALIGN_CENTER</span></code>.</p></li>
<li><p><strong>value_ofs_x</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): X offset from the original position of the alignment. Default value: 0.</p></li>
<li><p><strong>value_ofs_y</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Y offset from the original position of the alignment. Default value: 0.</p></li>
<li><p><strong>value_blend_mode</strong> (<code class="docutils literal notranslate"><span class="pre">lv_blend_mode_t</span></code>): Set the blend mode of the text. Can be <code class="docutils literal notranslate"><span class="pre">LV_BLEND_MODE_NORMAL/ADDITIVE/SUBTRACTIVE</span></code>). Default value: <code class="docutils literal notranslate"><span class="pre">LV_BLEND_MODE_NORMAL</span></code>.</p></li>
</ul>
<img alt="Styling the value text in lvgl" src="../_images/lv_ex_style_6.png" />
<div class="highlight-c notranslate"><div class="highlight"><pre><span></span><span class="cp">#include</span> <span class="cpf">&quot;../../lv_examples.h&quot;</span><span class="cp"></span>

<span class="cm">/**</span>
<span class="cm"> * Using the value style properties</span>
<span class="cm"> */</span>
<span class="kt">void</span> <span class="nf">lv_ex_style_6</span><span class="p">(</span><span class="kt">void</span><span class="p">)</span>
<span class="p">{</span>
    <span class="k">static</span> <span class="n">lv_style_t</span> <span class="n">style</span><span class="p">;</span>
    <span class="n">lv_style_init</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">);</span>

    <span class="cm">/*Set a background color and a radius*/</span>
    <span class="n">lv_style_set_radius</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">5</span><span class="p">);</span>
    <span class="n">lv_style_set_bg_opa</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_OPA_COVER</span><span class="p">);</span>
    <span class="n">lv_style_set_bg_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_SILVER</span><span class="p">);</span>

    <span class="cm">/*Add a value text properties*/</span>
    <span class="n">lv_style_set_value_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_BLUE</span><span class="p">);</span>
    <span class="n">lv_style_set_value_align</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_ALIGN_IN_BOTTOM_RIGHT</span><span class="p">);</span>
    <span class="n">lv_style_set_value_ofs_x</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">10</span><span class="p">);</span>
    <span class="n">lv_style_set_value_ofs_y</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">10</span><span class="p">);</span>

    <span class="cm">/*Create an object with the new style*/</span>
    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">obj</span> <span class="o">=</span> <span class="n">lv_obj_create</span><span class="p">(</span><span class="n">lv_scr_act</span><span class="p">(),</span> <span class="nb">NULL</span><span class="p">);</span>
    <span class="n">lv_obj_add_style</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="n">LV_OBJ_PART_MAIN</span><span class="p">,</span> <span class="o">&amp;</span><span class="n">style</span><span class="p">);</span>
    <span class="n">lv_obj_align</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="nb">NULL</span><span class="p">,</span> <span class="n">LV_ALIGN_CENTER</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">);</span>

    <span class="cm">/*Add a value text to the local style. This way every object can have different text*/</span>
    <span class="n">lv_obj_set_style_local_value_str</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="n">LV_OBJ_PART_MAIN</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="s">&quot;Text&quot;</span><span class="p">);</span>
<span class="p">}</span>

</pre></div>
</div>
</div>
<div class="section" id="text-properties">
<h3>Text properties<a class="headerlink" href="#text-properties" title="Permalink to this headline">¶</a></h3>
<p>Properties for textual object.</p>
<ul class="simple">
<li><p><strong>text_color</strong> (<code class="docutils literal notranslate"><span class="pre">lv_color_t</span></code>): Color of the text.  Default value: <code class="docutils literal notranslate"><span class="pre">LV_COLOR_BLACK</span></code>.</p></li>
<li><p><strong>text_opa</strong> (<code class="docutils literal notranslate"><span class="pre">lv_opa_t</span></code>): Opacity of the text. Default value: <code class="docutils literal notranslate"><span class="pre">LV_OPA_COVER</span></code>.</p></li>
<li><p><strong>text_font</strong> (<code class="docutils literal notranslate"><span class="pre">const</span> <span class="pre">lv_font_t</span> <span class="pre">*</span></code>): Pointer to font of the text. Default value: <code class="docutils literal notranslate"><span class="pre">NULL</span></code>.</p></li>
<li><p><strong>text_letter_space</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Letter space of the text. Default value: 0.</p></li>
<li><p><strong>text_line_space</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Line space of the text. Default value: 0.</p></li>
<li><p><strong>text_decor</strong> (<code class="docutils literal notranslate"><span class="pre">lv_text_decor_t</span></code>): Add text decoration. Can be <code class="docutils literal notranslate"><span class="pre">LV_TEXT_DECOR_NONE/UNDERLINE/STRIKETHROUGH</span></code>. Default value: <code class="docutils literal notranslate"><span class="pre">LV_TEXT_DECOR_NONE</span></code>.</p></li>
<li><p><strong>text_sel_color</strong> (<code class="docutils literal notranslate"><span class="pre">lv_color_t</span></code>): Set  color of the text selection. Default value: <code class="docutils literal notranslate"><span class="pre">LV_COLOR_BLACK</span></code></p></li>
<li><p><strong>text_sel_bg_color</strong> (<code class="docutils literal notranslate"><span class="pre">lv_color_t</span></code>): Set background color of text selection. Default value: <code class="docutils literal notranslate"><span class="pre">LV_COLOR_BLUE</span></code></p></li>
<li><p><strong>text_blend_mode</strong> (<code class="docutils literal notranslate"><span class="pre">lv_blend_mode_t</span></code>): Set the blend mode of the text. Can be <code class="docutils literal notranslate"><span class="pre">LV_BLEND_MODE_NORMAL/ADDITIVE/SUBTRACTIVE</span></code>). Default value: <code class="docutils literal notranslate"><span class="pre">LV_BLEND_MODE_NORMAL</span></code>.</p></li>
</ul>
<img alt="Styling a text in lvgl" src="../_images/lv_ex_style_7.png" />
<div class="highlight-c notranslate"><div class="highlight"><pre><span></span><span class="cp">#include</span> <span class="cpf">&quot;../../lv_examples.h&quot;</span><span class="cp"></span>

<span class="cm">/**</span>
<span class="cm"> * Using the text style properties</span>
<span class="cm"> */</span>
<span class="kt">void</span> <span class="nf">lv_ex_style_7</span><span class="p">(</span><span class="kt">void</span><span class="p">)</span>
<span class="p">{</span>
    <span class="k">static</span> <span class="n">lv_style_t</span> <span class="n">style</span><span class="p">;</span>
    <span class="n">lv_style_init</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">);</span>

    <span class="n">lv_style_set_radius</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">5</span><span class="p">);</span>
    <span class="n">lv_style_set_bg_opa</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_OPA_COVER</span><span class="p">);</span>
    <span class="n">lv_style_set_bg_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_SILVER</span><span class="p">);</span>
    <span class="n">lv_style_set_border_width</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">2</span><span class="p">);</span>
    <span class="n">lv_style_set_border_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_BLUE</span><span class="p">);</span>

    <span class="n">lv_style_set_pad_top</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">10</span><span class="p">);</span>
    <span class="n">lv_style_set_pad_bottom</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">10</span><span class="p">);</span>
    <span class="n">lv_style_set_pad_left</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">10</span><span class="p">);</span>
    <span class="n">lv_style_set_pad_right</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">10</span><span class="p">);</span>

    <span class="n">lv_style_set_text_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_BLUE</span><span class="p">);</span>
    <span class="n">lv_style_set_text_letter_space</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">5</span><span class="p">);</span>
    <span class="n">lv_style_set_text_line_space</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">20</span><span class="p">);</span>
    <span class="n">lv_style_set_text_decor</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_TEXT_DECOR_UNDERLINE</span><span class="p">);</span>

    <span class="cm">/*Create an object with the new style*/</span>
    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">obj</span> <span class="o">=</span> <span class="n">lv_label_create</span><span class="p">(</span><span class="n">lv_scr_act</span><span class="p">(),</span> <span class="nb">NULL</span><span class="p">);</span>
    <span class="n">lv_obj_add_style</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="n">LV_LABEL_PART_MAIN</span><span class="p">,</span> <span class="o">&amp;</span><span class="n">style</span><span class="p">);</span>
    <span class="n">lv_label_set_text</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="s">&quot;Text of</span><span class="se">\n</span><span class="s">&quot;</span>
                            <span class="s">&quot;a label&quot;</span><span class="p">);</span>
    <span class="n">lv_obj_align</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="nb">NULL</span><span class="p">,</span> <span class="n">LV_ALIGN_CENTER</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">);</span>
<span class="p">}</span>

</pre></div>
</div>
</div>
<div class="section" id="line-properties">
<h3>Line properties<a class="headerlink" href="#line-properties" title="Permalink to this headline">¶</a></h3>
<p>Properties of lines.</p>
<ul class="simple">
<li><p><strong>line_color</strong> (<code class="docutils literal notranslate"><span class="pre">lv_color_t</span></code>): Color of the line. Default value: <code class="docutils literal notranslate"><span class="pre">LV_COLOR_BLACK</span></code></p></li>
<li><p><strong>line_opa</strong> (<code class="docutils literal notranslate"><span class="pre">lv_opa_t</span></code>): Opacity of the line. Default value: <code class="docutils literal notranslate"><span class="pre">LV_OPA_COVER</span></code></p></li>
<li><p><strong>line_width</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Width of the line. Default value: 0.</p></li>
<li><p><strong>line_dash_width</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Width of dash. Dashing is drawn only for horizontal or vertical lines. 0: disable dash. Default value: 0.</p></li>
<li><p><strong>line_dash_gap</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Gap between two dash line. Dashing is drawn only for horizontal or vertical lines. 0: disable dash. Default value: 0.</p></li>
<li><p><strong>line_rounded</strong> (<code class="docutils literal notranslate"><span class="pre">bool</span></code>): <code class="docutils literal notranslate"><span class="pre">true</span></code>: draw rounded line endings. Default value: <code class="docutils literal notranslate"><span class="pre">false</span></code>.</p></li>
<li><p><strong>line_blend_mode</strong> (<code class="docutils literal notranslate"><span class="pre">lv_blend_mode_t</span></code>): Set the blend mode of the line. Can be <code class="docutils literal notranslate"><span class="pre">LV_BLEND_MODE_NORMAL/ADDITIVE/SUBTRACTIVE</span></code>). Default value: <code class="docutils literal notranslate"><span class="pre">LV_BLEND_MODE_NORMAL</span></code>.</p></li>
</ul>
<img alt="Styling a line in lvgl" src="../_images/lv_ex_style_8.png" />
<div class="highlight-c notranslate"><div class="highlight"><pre><span></span><span class="cp">#include</span> <span class="cpf">&quot;../../lv_examples.h&quot;</span><span class="cp"></span>

<span class="cm">/**</span>
<span class="cm"> * Using the line style properties</span>
<span class="cm"> */</span>
<span class="kt">void</span> <span class="nf">lv_ex_style_8</span><span class="p">(</span><span class="kt">void</span><span class="p">)</span>
<span class="p">{</span>
    <span class="k">static</span> <span class="n">lv_style_t</span> <span class="n">style</span><span class="p">;</span>
    <span class="n">lv_style_init</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">);</span>

    <span class="n">lv_style_set_line_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_GRAY</span><span class="p">);</span>
    <span class="n">lv_style_set_line_width</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">6</span><span class="p">);</span>
    <span class="n">lv_style_set_line_rounded</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="nb">true</span><span class="p">);</span>
<span class="cp">#if LV_USE_LINE</span>
    <span class="cm">/*Create an object with the new style*/</span>
    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">obj</span> <span class="o">=</span> <span class="n">lv_line_create</span><span class="p">(</span><span class="n">lv_scr_act</span><span class="p">(),</span> <span class="nb">NULL</span><span class="p">);</span>
    <span class="n">lv_obj_add_style</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="n">LV_LINE_PART_MAIN</span><span class="p">,</span> <span class="o">&amp;</span><span class="n">style</span><span class="p">);</span>

    <span class="k">static</span> <span class="n">lv_point_t</span> <span class="n">p</span><span class="p">[]</span> <span class="o">=</span> <span class="p">{{</span><span class="mi">10</span><span class="p">,</span> <span class="mi">30</span><span class="p">},</span> <span class="p">{</span><span class="mi">30</span><span class="p">,</span> <span class="mi">50</span><span class="p">},</span> <span class="p">{</span><span class="mi">100</span><span class="p">,</span> <span class="mi">0</span><span class="p">}};</span>
    <span class="n">lv_line_set_points</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="n">p</span><span class="p">,</span> <span class="mi">3</span><span class="p">);</span>

    <span class="n">lv_obj_align</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="nb">NULL</span><span class="p">,</span> <span class="n">LV_ALIGN_CENTER</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">);</span>
<span class="cp">#endif</span>
<span class="p">}</span>
</pre></div>
</div>
</div>
<div class="section" id="image-properties">
<h3>Image properties<a class="headerlink" href="#image-properties" title="Permalink to this headline">¶</a></h3>
<p>Properties of image.</p>
<ul class="simple">
<li><p><strong>image_recolor</strong> (<code class="docutils literal notranslate"><span class="pre">lv_color_t</span></code>):  Mix this color to the pattern image. In case of symbols (texts) it will be the text color. Default value: <code class="docutils literal notranslate"><span class="pre">LV_COLOR_BLACK</span></code></p></li>
<li><p><strong>image_recolor_opa</strong> (<code class="docutils literal notranslate"><span class="pre">lv_opa_t</span></code>): Intensity of recoloring. Default value: <code class="docutils literal notranslate"><span class="pre">LV_OPA_TRANSP</span></code> (no recoloring). Default value: <code class="docutils literal notranslate"><span class="pre">LV_OPA_TRANSP</span></code></p></li>
<li><p><strong>image_opa</strong> (<code class="docutils literal notranslate"><span class="pre">lv_opa_t</span></code>): Opacity of the image. Default value: <code class="docutils literal notranslate"><span class="pre">LV_OPA_COVER</span></code></p></li>
<li><p><strong>image_blend_mode</strong> (<code class="docutils literal notranslate"><span class="pre">lv_blend_mode_t</span></code>): Set the blend mode of the image. Can be <code class="docutils literal notranslate"><span class="pre">LV_BLEND_MODE_NORMAL/ADDITIVE/SUBTRACTIVE</span></code>). Default value: <code class="docutils literal notranslate"><span class="pre">LV_BLEND_MODE_NORMAL</span></code>.</p></li>
</ul>
<img alt="Styling an image in lvgl" src="../_images/lv_ex_style_9.png" />
<div class="highlight-c notranslate"><div class="highlight"><pre><span></span><span class="cp">#include</span> <span class="cpf">&quot;../../lv_examples.h&quot;</span><span class="cp"></span>

<span class="cm">/**</span>
<span class="cm"> * Using the image style properties</span>
<span class="cm"> */</span>
<span class="kt">void</span> <span class="nf">lv_ex_style_9</span><span class="p">(</span><span class="kt">void</span><span class="p">)</span>
<span class="p">{</span>
    <span class="k">static</span> <span class="n">lv_style_t</span> <span class="n">style</span><span class="p">;</span>
    <span class="n">lv_style_init</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">);</span>

    <span class="cm">/*Set a background color and a radius*/</span>
    <span class="n">lv_style_set_radius</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">5</span><span class="p">);</span>
    <span class="n">lv_style_set_bg_opa</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_OPA_COVER</span><span class="p">);</span>
    <span class="n">lv_style_set_bg_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_SILVER</span><span class="p">);</span>
    <span class="n">lv_style_set_border_width</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">2</span><span class="p">);</span>
    <span class="n">lv_style_set_border_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_BLUE</span><span class="p">);</span>

    <span class="n">lv_style_set_pad_top</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">10</span><span class="p">);</span>
    <span class="n">lv_style_set_pad_bottom</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">10</span><span class="p">);</span>
    <span class="n">lv_style_set_pad_left</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">10</span><span class="p">);</span>
    <span class="n">lv_style_set_pad_right</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">10</span><span class="p">);</span>

    <span class="n">lv_style_set_image_recolor</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_BLUE</span><span class="p">);</span>
    <span class="n">lv_style_set_image_recolor_opa</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_OPA_50</span><span class="p">);</span>

<span class="cp">#if LV_USE_IMG</span>
    <span class="cm">/*Create an object with the new style*/</span>
    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">obj</span> <span class="o">=</span> <span class="n">lv_img_create</span><span class="p">(</span><span class="n">lv_scr_act</span><span class="p">(),</span> <span class="nb">NULL</span><span class="p">);</span>
    <span class="n">lv_obj_add_style</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="n">LV_IMG_PART_MAIN</span><span class="p">,</span> <span class="o">&amp;</span><span class="n">style</span><span class="p">);</span>
    <span class="n">LV_IMG_DECLARE</span><span class="p">(</span><span class="n">img_cogwheel_argb</span><span class="p">);</span>
    <span class="n">lv_img_set_src</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="o">&amp;</span><span class="n">img_cogwheel_argb</span><span class="p">);</span>
    <span class="n">lv_obj_align</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="nb">NULL</span><span class="p">,</span> <span class="n">LV_ALIGN_CENTER</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">);</span>
<span class="cp">#endif</span>
<span class="p">}</span>

</pre></div>
</div>
</div>
<div class="section" id="transition-properties">
<h3>Transition properties<a class="headerlink" href="#transition-properties" title="Permalink to this headline">¶</a></h3>
<p>Properties to describe state change animations.</p>
<ul class="simple">
<li><p><strong>transition_time</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Time of the transition. Default value: 0.</p></li>
<li><p><strong>transition_delay</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Delay before the transition. Default value: 0.</p></li>
<li><p><strong>transition_prop_1</strong> (<code class="docutils literal notranslate"><span class="pre">property</span> <span class="pre">name</span></code>): A property on which transition should be applied. Use the property name with upper case with <code class="docutils literal notranslate"><span class="pre">LV_STYLE_</span></code> prefix, e.g. <code class="docutils literal notranslate"><span class="pre">LV_STYLE_BG_COLOR</span></code>. Default value: 0 (none).</p></li>
<li><p><strong>transition_prop_2</strong> (<code class="docutils literal notranslate"><span class="pre">property</span> <span class="pre">name</span></code>): Same as <em>transition_1</em> just for another property. Default value: 0 (none).</p></li>
<li><p><strong>transition_prop_3</strong> (<code class="docutils literal notranslate"><span class="pre">property</span> <span class="pre">name</span></code>): Same as <em>transition_1</em> just for another property. Default value: 0 (none).</p></li>
<li><p><strong>transition_prop_4</strong> (<code class="docutils literal notranslate"><span class="pre">property</span> <span class="pre">name</span></code>): Same as <em>transition_1</em> just for another property. Default value: 0 (none).</p></li>
<li><p><strong>transition_prop_5</strong> (<code class="docutils literal notranslate"><span class="pre">property</span> <span class="pre">name</span></code>): Same as <em>transition_1</em> just for another property. Default value: 0 (none).</p></li>
<li><p><strong>transition_prop_6</strong> (<code class="docutils literal notranslate"><span class="pre">property</span> <span class="pre">name</span></code>): Same as <em>transition_1</em> just for another property. Default value: 0 (none).</p></li>
<li><p><strong>transition_path</strong> (<code class="docutils literal notranslate"><span class="pre">lv_anim_path_t</span></code>): An animation path for the transition. (Needs to be static or global variable because only its pointer is saved).
Default value: <code class="docutils literal notranslate"><span class="pre">lv_anim_path_def</span></code> (linear path).</p></li>
</ul>
<img alt="Styling an transitions in lvgl" src="../_images/lv_ex_style_10.png" />
<div class="highlight-c notranslate"><div class="highlight"><pre><span></span><span class="cp">#include</span> <span class="cpf">&quot;../../lv_examples.h&quot;</span><span class="cp"></span>

<span class="cm">/**</span>
<span class="cm"> * Using the transitions style properties</span>
<span class="cm"> */</span>
<span class="kt">void</span> <span class="nf">lv_ex_style_10</span><span class="p">(</span><span class="kt">void</span><span class="p">)</span>
<span class="p">{</span>
    <span class="k">static</span> <span class="n">lv_style_t</span> <span class="n">style</span><span class="p">;</span>
    <span class="n">lv_style_init</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">);</span>

    <span class="cm">/*Set a background color and a radius*/</span>
    <span class="n">lv_style_set_radius</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">5</span><span class="p">);</span>
    <span class="n">lv_style_set_bg_opa</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_OPA_COVER</span><span class="p">);</span>
    <span class="n">lv_style_set_bg_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_SILVER</span><span class="p">);</span>

    <span class="cm">/*Set different background color in pressed state*/</span>
    <span class="n">lv_style_set_bg_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_PRESSED</span><span class="p">,</span> <span class="n">LV_COLOR_GRAY</span><span class="p">);</span>

    <span class="cm">/*Set different transition time in default and pressed state</span>
<span class="cm">     *fast press, slower revert to default*/</span>
    <span class="n">lv_style_set_transition_time</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">500</span><span class="p">);</span>
    <span class="n">lv_style_set_transition_time</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_PRESSED</span><span class="p">,</span> <span class="mi">200</span><span class="p">);</span>

    <span class="cm">/*Small delay to make transition more visible*/</span>
    <span class="n">lv_style_set_transition_delay</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">100</span><span class="p">);</span>

    <span class="cm">/*Add `bg_color` to transitioned properties*/</span>
    <span class="n">lv_style_set_transition_prop_1</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_STYLE_BG_COLOR</span><span class="p">);</span>

    <span class="cm">/*Create an object with the new style*/</span>
    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">obj</span> <span class="o">=</span> <span class="n">lv_obj_create</span><span class="p">(</span><span class="n">lv_scr_act</span><span class="p">(),</span> <span class="nb">NULL</span><span class="p">);</span>
    <span class="n">lv_obj_add_style</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="n">LV_OBJ_PART_MAIN</span><span class="p">,</span> <span class="o">&amp;</span><span class="n">style</span><span class="p">);</span>
    <span class="n">lv_obj_align</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="nb">NULL</span><span class="p">,</span> <span class="n">LV_ALIGN_CENTER</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">);</span>
<span class="p">}</span>

</pre></div>
</div>
</div>
<div class="section" id="scale-properties">
<h3>Scale properties<a class="headerlink" href="#scale-properties" title="Permalink to this headline">¶</a></h3>
<p>Auxiliary properties for scale-like elements. Scales have a normal and end region.
As the name implies the end region is the end of the scale where can be critical values or inactive values. The normal region is before the end region.
Both regions could have different properties.</p>
<ul class="simple">
<li><p><strong>scale_grad_color</strong> (<code class="docutils literal notranslate"><span class="pre">lv_color_t</span></code>):  In normal region make gradient to this color on the scale lines. Default value: <code class="docutils literal notranslate"><span class="pre">LV_COLOR_BLACK</span></code>.</p></li>
<li><p><strong>scale_end_color</strong> (<code class="docutils literal notranslate"><span class="pre">lv_color_t</span></code>):  Color of the scale lines in the end region. Default value: <code class="docutils literal notranslate"><span class="pre">LV_COLOR_BLACK</span></code>.</p></li>
<li><p><strong>scale_width</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Width of the scale. Default value: <code class="docutils literal notranslate"><span class="pre">LV_DPI</span> <span class="pre">/</span> <span class="pre">8</span></code>. Default value: <code class="docutils literal notranslate"><span class="pre">LV_DPI</span> <span class="pre">/</span> <span class="pre">8</span></code>.</p></li>
<li><p><strong>scale_border_width</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Width of a border drawn on the outer side of the scale in the normal region. Default value: 0.</p></li>
<li><p><strong>scale_end_border_width</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Width of a border drawn on the outer side of the scale in the end region. Default value: 0.</p></li>
<li><p><strong>scale_end_line_width</strong> (<code class="docutils literal notranslate"><span class="pre">lv_style_int_t</span></code>): Width of a scale lines in the end region. Default value: 0.</p></li>
</ul>
<img alt="Styling a scale in lvgl" src="../_images/lv_ex_style_11.png" />
<div class="highlight-c notranslate"><div class="highlight"><pre><span></span><span class="cp">#include</span> <span class="cpf">&quot;../../lv_examples.h&quot;</span><span class="cp"></span>

<span class="cm">/**</span>
<span class="cm"> * Using the scale style properties</span>
<span class="cm"> */</span>
<span class="kt">void</span> <span class="nf">lv_ex_style_11</span><span class="p">(</span><span class="kt">void</span><span class="p">)</span>
<span class="p">{</span>
    <span class="k">static</span> <span class="n">lv_style_t</span> <span class="n">style</span><span class="p">;</span>
    <span class="n">lv_style_init</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">);</span>

    <span class="cm">/*Set a background color and a radius*/</span>
    <span class="n">lv_style_set_radius</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">5</span><span class="p">);</span>
    <span class="n">lv_style_set_bg_opa</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_OPA_COVER</span><span class="p">);</span>
    <span class="n">lv_style_set_bg_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_SILVER</span><span class="p">);</span>

    <span class="cm">/*Set some paddings*/</span>
    <span class="n">lv_style_set_pad_inner</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">20</span><span class="p">);</span>
    <span class="n">lv_style_set_pad_top</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">20</span><span class="p">);</span>
    <span class="n">lv_style_set_pad_left</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">5</span><span class="p">);</span>
    <span class="n">lv_style_set_pad_right</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">5</span><span class="p">);</span>

    <span class="n">lv_style_set_scale_end_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_RED</span><span class="p">);</span>
    <span class="n">lv_style_set_line_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_WHITE</span><span class="p">);</span>
    <span class="n">lv_style_set_scale_grad_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_BLUE</span><span class="p">);</span>
    <span class="n">lv_style_set_line_width</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">2</span><span class="p">);</span>
    <span class="n">lv_style_set_scale_end_line_width</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">4</span><span class="p">);</span>
    <span class="n">lv_style_set_scale_end_border_width</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">4</span><span class="p">);</span>

    <span class="cm">/*Gauge has a needle but for simplicity its style is not initialized here*/</span>
<span class="cp">#if LV_USE_GAUGE</span>
    <span class="cm">/*Create an object with the new style*/</span>
    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">obj</span> <span class="o">=</span> <span class="n">lv_gauge_create</span><span class="p">(</span><span class="n">lv_scr_act</span><span class="p">(),</span> <span class="nb">NULL</span><span class="p">);</span>
    <span class="n">lv_obj_add_style</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="n">LV_GAUGE_PART_MAIN</span><span class="p">,</span> <span class="o">&amp;</span><span class="n">style</span><span class="p">);</span>
    <span class="n">lv_obj_align</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="nb">NULL</span><span class="p">,</span> <span class="n">LV_ALIGN_CENTER</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">);</span>
<span class="cp">#endif</span>
<span class="p">}</span>

</pre></div>
</div>
<p>In the documentation of the widgets you will see sentences like &quot;The widget use the typical background properties&quot;. The &quot;typical background&quot; properties are:</p>
<ul class="simple">
<li><p>Background</p></li>
<li><p>Border</p></li>
<li><p>Outline</p></li>
<li><p>Shadow</p></li>
<li><p>Pattern</p></li>
<li><p>Value</p></li>
</ul>
</div>
</div>
<div class="section" id="themes">
<h2>Themes<a class="headerlink" href="#themes" title="Permalink to this headline">¶</a></h2>
<p>Themes are a collection of styles. There is always an active theme whose styles are automatically applied when an object is created.
It gives a default appearance to UI which can be modified by adding further styles.</p>
<p>The default theme is set in <code class="docutils literal notranslate"><span class="pre">lv_conf.h</span></code> with <code class="docutils literal notranslate"><span class="pre">LV_THEME_...</span></code> defines. Every theme has the following properties</p>
<ul class="simple">
<li><p>primary color</p></li>
<li><p>secondary color</p></li>
<li><p>small font</p></li>
<li><p>normal font</p></li>
<li><p>subtitle font</p></li>
<li><p>title font</p></li>
<li><p>flags (specific to the given theme)</p></li>
</ul>
<p>It up to the theme how to use these properties.</p>
<p>There are 3 built-in themes:</p>
<ul class="simple">
<li><p>empty: no default styles are added</p></li>
<li><p>material: an impressive, modern theme - mono: simple black and white theme for monochrome displays</p></li>
<li><p>template: a very simple theme which can be copied to create a custom theme</p></li>
</ul>
<div class="section" id="extending-themes">
<h3>Extending themes<a class="headerlink" href="#extending-themes" title="Permalink to this headline">¶</a></h3>
<p>Built-in themes can be extended by custom theme. If a custom theme is created a &quot;base theme&quot; can be selected. The base theme's styles will be added before the custom theme. Any number of themes can be chained this was. E.g. material theme -&gt; custom theme -&gt; dark theme.</p>
<p>Here is an example about how to create a custom theme based on the currently active built-in theme.</p>
<div class="highlight-c notranslate"><div class="highlight"><pre><span></span> <span class="cm">/*Get the current theme (e.g. material). It will be the base of the custom theme.*/</span>   
<span class="n">lv_theme_t</span> <span class="o">*</span> <span class="n">base_theme</span> <span class="o">=</span> <span class="n">lv_theme_get_act</span><span class="p">();</span>

<span class="cm">/*Initialize a custom theme*/</span>
<span class="k">static</span> <span class="n">lv_theme_t</span> <span class="n">custom_theme</span><span class="p">;</span>                         <span class="cm">/*Declare a theme*/</span>
<span class="n">lv_theme_copy</span><span class="p">(</span><span class="o">&amp;</span><span class="n">custom_theme</span><span class="p">,</span> <span class="n">base_theme</span><span class="p">);</span>               <span class="cm">/*Initialize the custom theme from the base theme*/</span>                           
<span class="n">lv_theme_set_apply_cb</span><span class="p">(</span><span class="o">&amp;</span><span class="n">custom_theme</span><span class="p">,</span> <span class="n">custom_apply_cb</span><span class="p">);</span>  <span class="cm">/*Set a custom theme apply callback*/</span>
<span class="n">lv_theme_set_base</span><span class="p">(</span><span class="n">custom_theme</span><span class="p">,</span> <span class="n">base_theme</span><span class="p">);</span>            <span class="cm">/*Set the base theme of the csutom theme*/</span>

<span class="cm">/*Initialize styles for the new theme*/</span>
<span class="k">static</span> <span class="n">lv_style_t</span> <span class="n">style1</span><span class="p">;</span>
<span class="n">lv_style_init</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style1</span><span class="p">);</span>
<span class="n">lv_style_set_bg_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style1</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">custom_theme</span><span class="p">.</span><span class="n">color_primary</span><span class="p">);</span>

<span class="p">...</span>

<span class="cm">/*Add a custom apply callback*/</span>
<span class="k">static</span> <span class="kt">void</span> <span class="n">custom_apply_cb</span><span class="p">(</span><span class="n">lv_theme_t</span> <span class="o">*</span> <span class="n">th</span><span class="p">,</span> <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">obj</span><span class="p">,</span> <span class="n">lv_theme_style_t</span> <span class="n">name</span><span class="p">)</span>
<span class="p">{</span>
    <span class="n">lv_style_list_t</span> <span class="o">*</span> <span class="n">list</span><span class="p">;</span>

    <span class="k">switch</span><span class="p">(</span><span class="n">name</span><span class="p">)</span> <span class="p">{</span>
        <span class="k">case</span> <span class="nl">LV_THEME_BTN</span><span class="p">:</span>
            <span class="n">list</span> <span class="o">=</span> <span class="n">lv_obj_get_style_list</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="n">LV_BTN_PART_MAIN</span><span class="p">);</span>
            <span class="n">_lv_style_list_add_style</span><span class="p">(</span><span class="n">list</span><span class="p">,</span> <span class="o">&amp;</span><span class="n">my_style</span><span class="p">);</span>
            <span class="k">break</span><span class="p">;</span>
    <span class="p">}</span>
<span class="p">}</span>
</pre></div>
</div>
</div>
</div>
<div class="section" id="example">
<h2>Example<a class="headerlink" href="#example" title="Permalink to this headline">¶</a></h2>
<div class="section" id="styling-a-button">
<h3>Styling a button<a class="headerlink" href="#styling-a-button" title="Permalink to this headline">¶</a></h3>
<img alt="Styling a button in LVGL" src="../_images/lv_ex_get_started_2.png" />
<div class="highlight-c notranslate"><div class="highlight"><pre><span></span><span class="cp">#include</span> <span class="cpf">&quot;../../lv_examples.h&quot;</span><span class="cp"></span>


<span class="cm">/**</span>
<span class="cm"> * Create styles from scratch for buttons.</span>
<span class="cm"> */</span>
<span class="kt">void</span> <span class="nf">lv_ex_get_started_2</span><span class="p">(</span><span class="kt">void</span><span class="p">)</span>
<span class="p">{</span>
    <span class="k">static</span> <span class="n">lv_style_t</span> <span class="n">style_btn</span><span class="p">;</span>
    <span class="k">static</span> <span class="n">lv_style_t</span> <span class="n">style_btn_red</span><span class="p">;</span>

    <span class="cm">/*Create a simple button style*/</span>
    <span class="n">lv_style_init</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style_btn</span><span class="p">);</span>
    <span class="n">lv_style_set_radius</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style_btn</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">10</span><span class="p">);</span>
    <span class="n">lv_style_set_bg_opa</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style_btn</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_OPA_COVER</span><span class="p">);</span>
    <span class="n">lv_style_set_bg_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style_btn</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_SILVER</span><span class="p">);</span>
    <span class="n">lv_style_set_bg_grad_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style_btn</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_GRAY</span><span class="p">);</span>
    <span class="n">lv_style_set_bg_grad_dir</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style_btn</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_GRAD_DIR_VER</span><span class="p">);</span>

    <span class="cm">/*Swap the colors in pressed state*/</span>
    <span class="n">lv_style_set_bg_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style_btn</span><span class="p">,</span> <span class="n">LV_STATE_PRESSED</span><span class="p">,</span> <span class="n">LV_COLOR_GRAY</span><span class="p">);</span>
    <span class="n">lv_style_set_bg_grad_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style_btn</span><span class="p">,</span> <span class="n">LV_STATE_PRESSED</span><span class="p">,</span> <span class="n">LV_COLOR_SILVER</span><span class="p">);</span>

    <span class="cm">/*Add a border*/</span>
    <span class="n">lv_style_set_border_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style_btn</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_WHITE</span><span class="p">);</span>
    <span class="n">lv_style_set_border_opa</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style_btn</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_OPA_70</span><span class="p">);</span>
    <span class="n">lv_style_set_border_width</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style_btn</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">2</span><span class="p">);</span>

    <span class="cm">/*Different border color in focused state*/</span>
    <span class="n">lv_style_set_border_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style_btn</span><span class="p">,</span> <span class="n">LV_STATE_FOCUSED</span><span class="p">,</span> <span class="n">LV_COLOR_BLUE</span><span class="p">);</span>
    <span class="n">lv_style_set_border_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style_btn</span><span class="p">,</span> <span class="n">LV_STATE_FOCUSED</span> <span class="o">|</span> <span class="n">LV_STATE_PRESSED</span><span class="p">,</span> <span class="n">LV_COLOR_NAVY</span><span class="p">);</span>

    <span class="cm">/*Set the text style*/</span>
    <span class="n">lv_style_set_text_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style_btn</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_WHITE</span><span class="p">);</span>

    <span class="cm">/*Make the button smaller when pressed*/</span>
    <span class="n">lv_style_set_transform_height</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style_btn</span><span class="p">,</span> <span class="n">LV_STATE_PRESSED</span><span class="p">,</span> <span class="mi">-5</span><span class="p">);</span>
    <span class="n">lv_style_set_transform_width</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style_btn</span><span class="p">,</span> <span class="n">LV_STATE_PRESSED</span><span class="p">,</span> <span class="mi">-10</span><span class="p">);</span>
<span class="cp">#if LV_USE_ANIMATION</span>
    <span class="cm">/*Add a transition to the size change*/</span>
    <span class="k">static</span> <span class="n">lv_anim_path_t</span> <span class="n">path</span><span class="p">;</span>
    <span class="n">lv_anim_path_init</span><span class="p">(</span><span class="o">&amp;</span><span class="n">path</span><span class="p">);</span>
    <span class="n">lv_anim_path_set_cb</span><span class="p">(</span><span class="o">&amp;</span><span class="n">path</span><span class="p">,</span> <span class="n">lv_anim_path_overshoot</span><span class="p">);</span>

    <span class="n">lv_style_set_transition_prop_1</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style_btn</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_STYLE_TRANSFORM_HEIGHT</span><span class="p">);</span>
    <span class="n">lv_style_set_transition_prop_2</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style_btn</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_STYLE_TRANSFORM_WIDTH</span><span class="p">);</span>
    <span class="n">lv_style_set_transition_time</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style_btn</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="mi">300</span><span class="p">);</span>
    <span class="n">lv_style_set_transition_path</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style_btn</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="o">&amp;</span><span class="n">path</span><span class="p">);</span>
<span class="cp">#endif</span>

    <span class="cm">/*Create a red style. Change only some colors.*/</span>
    <span class="n">lv_style_init</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style_btn_red</span><span class="p">);</span>
    <span class="n">lv_style_set_bg_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style_btn_red</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_RED</span><span class="p">);</span>
    <span class="n">lv_style_set_bg_grad_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style_btn_red</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_MAROON</span><span class="p">);</span>
    <span class="n">lv_style_set_bg_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style_btn_red</span><span class="p">,</span> <span class="n">LV_STATE_PRESSED</span><span class="p">,</span> <span class="n">LV_COLOR_MAROON</span><span class="p">);</span>
    <span class="n">lv_style_set_bg_grad_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style_btn_red</span><span class="p">,</span> <span class="n">LV_STATE_PRESSED</span><span class="p">,</span> <span class="n">LV_COLOR_RED</span><span class="p">);</span>
    <span class="n">lv_style_set_text_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style_btn_red</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_COLOR_WHITE</span><span class="p">);</span>
<span class="cp">#if LV_USE_BTN</span>
    <span class="cm">/*Create buttons and use the new styles*/</span>
    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">btn</span> <span class="o">=</span> <span class="n">lv_btn_create</span><span class="p">(</span><span class="n">lv_scr_act</span><span class="p">(),</span> <span class="nb">NULL</span><span class="p">);</span>     <span class="cm">/*Add a button the current screen*/</span>
    <span class="n">lv_obj_set_pos</span><span class="p">(</span><span class="n">btn</span><span class="p">,</span> <span class="mi">10</span><span class="p">,</span> <span class="mi">10</span><span class="p">);</span>                            <span class="cm">/*Set its position*/</span>
    <span class="n">lv_obj_set_size</span><span class="p">(</span><span class="n">btn</span><span class="p">,</span> <span class="mi">120</span><span class="p">,</span> <span class="mi">50</span><span class="p">);</span>                          <span class="cm">/*Set its size*/</span>
    <span class="n">lv_obj_reset_style_list</span><span class="p">(</span><span class="n">btn</span><span class="p">,</span> <span class="n">LV_BTN_PART_MAIN</span><span class="p">);</span>         <span class="cm">/*Remove the styles coming from the theme*/</span>
    <span class="n">lv_obj_add_style</span><span class="p">(</span><span class="n">btn</span><span class="p">,</span> <span class="n">LV_BTN_PART_MAIN</span><span class="p">,</span> <span class="o">&amp;</span><span class="n">style_btn</span><span class="p">);</span>

    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">label</span> <span class="o">=</span> <span class="n">lv_label_create</span><span class="p">(</span><span class="n">btn</span><span class="p">,</span> <span class="nb">NULL</span><span class="p">);</span>          <span class="cm">/*Add a label to the button*/</span>
    <span class="n">lv_label_set_text</span><span class="p">(</span><span class="n">label</span><span class="p">,</span> <span class="s">&quot;Button&quot;</span><span class="p">);</span>                     <span class="cm">/*Set the labels text*/</span>

    <span class="cm">/*Create a new button*/</span>
    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">btn2</span> <span class="o">=</span> <span class="n">lv_btn_create</span><span class="p">(</span><span class="n">lv_scr_act</span><span class="p">(),</span> <span class="n">btn</span><span class="p">);</span>
    <span class="n">lv_obj_set_pos</span><span class="p">(</span><span class="n">btn2</span><span class="p">,</span> <span class="mi">10</span><span class="p">,</span> <span class="mi">80</span><span class="p">);</span>
    <span class="n">lv_obj_set_size</span><span class="p">(</span><span class="n">btn2</span><span class="p">,</span> <span class="mi">120</span><span class="p">,</span> <span class="mi">50</span><span class="p">);</span>                             <span class="cm">/*Set its size*/</span>
    <span class="n">lv_obj_reset_style_list</span><span class="p">(</span><span class="n">btn2</span><span class="p">,</span> <span class="n">LV_BTN_PART_MAIN</span><span class="p">);</span>         <span class="cm">/*Remove the styles coming from the theme*/</span>
    <span class="n">lv_obj_add_style</span><span class="p">(</span><span class="n">btn2</span><span class="p">,</span> <span class="n">LV_BTN_PART_MAIN</span><span class="p">,</span> <span class="o">&amp;</span><span class="n">style_btn</span><span class="p">);</span>
    <span class="n">lv_obj_add_style</span><span class="p">(</span><span class="n">btn2</span><span class="p">,</span> <span class="n">LV_BTN_PART_MAIN</span><span class="p">,</span> <span class="o">&amp;</span><span class="n">style_btn_red</span><span class="p">);</span>   <span class="cm">/*Add the red style on top of the current */</span>
    <span class="n">lv_obj_set_style_local_radius</span><span class="p">(</span><span class="n">btn2</span><span class="p">,</span> <span class="n">LV_BTN_PART_MAIN</span><span class="p">,</span> <span class="n">LV_STATE_DEFAULT</span><span class="p">,</span> <span class="n">LV_RADIUS_CIRCLE</span><span class="p">);</span> <span class="cm">/*Add a local style*/</span>

    <span class="n">label</span> <span class="o">=</span> <span class="n">lv_label_create</span><span class="p">(</span><span class="n">btn2</span><span class="p">,</span> <span class="nb">NULL</span><span class="p">);</span>          <span class="cm">/*Add a label to the button*/</span>
    <span class="n">lv_label_set_text</span><span class="p">(</span><span class="n">label</span><span class="p">,</span> <span class="s">&quot;Button 2&quot;</span><span class="p">);</span>                     <span class="cm">/*Set the labels text*/</span>
<span class="cp">#endif</span>
<span class="p">}</span>


</pre></div>
</div>
</div>
</div>
<div class="section" id="api">
<h2>API<a class="headerlink" href="#api" title="Permalink to this headline">¶</a></h2>
<div class="breathe-sectiondef docutils container">
<p class="breathe-sectiondef-title rubric" id="breathe-section-title-typedefs">Typedefs</p>
<dl class="cpp type">
<dt id="_CPPv416lv_border_side_t">
<span id="_CPPv316lv_border_side_t"></span><span id="_CPPv216lv_border_side_t"></span><span id="lv_border_side_t"></span><span class="target" id="lv__style_8h_1af66f9a2077b7c085f8d7f0052bb6b412"></span><em class="property"><span class="pre">typedef</span> </em><span class="pre">uint8_t</span> <code class="sig-name descname"><span class="pre">lv_border_side_t</span></code><a class="headerlink" href="#_CPPv416lv_border_side_t" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp type">
<dt id="_CPPv413lv_grad_dir_t">
<span id="_CPPv313lv_grad_dir_t"></span><span id="_CPPv213lv_grad_dir_t"></span><span id="lv_grad_dir_t"></span><span class="target" id="lv__style_8h_1ae106149b1291811b065fbfd20dfdcfa8"></span><em class="property"><span class="pre">typedef</span> </em><span class="pre">uint8_t</span> <code class="sig-name descname"><span class="pre">lv_grad_dir_t</span></code><a class="headerlink" href="#_CPPv413lv_grad_dir_t" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp type">
<dt id="_CPPv415lv_text_decor_t">
<span id="_CPPv315lv_text_decor_t"></span><span id="_CPPv215lv_text_decor_t"></span><span id="lv_text_decor_t"></span><span class="target" id="lv__style_8h_1aadfb1a861a2761a304ab5d133e7dcde6"></span><em class="property"><span class="pre">typedef</span> </em><span class="pre">uint8_t</span> <code class="sig-name descname"><span class="pre">lv_text_decor_t</span></code><a class="headerlink" href="#_CPPv415lv_text_decor_t" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp type">
<dt id="_CPPv415lv_style_attr_t">
<span id="_CPPv315lv_style_attr_t"></span><span id="_CPPv215lv_style_attr_t"></span><span id="lv_style_attr_t"></span><span class="target" id="lv__style_8h_1a7b65dad1fb726c8e92274988d8e96eca"></span><em class="property"><span class="pre">typedef</span> </em><span class="pre">uint8_t</span> <code class="sig-name descname"><span class="pre">lv_style_attr_t</span></code><a class="headerlink" href="#_CPPv415lv_style_attr_t" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp type">
<dt id="_CPPv419lv_style_property_t">
<span id="_CPPv319lv_style_property_t"></span><span id="_CPPv219lv_style_property_t"></span><span id="lv_style_property_t"></span><span class="target" id="lv__style_8h_1a4161de64b8a28cf9feadff499fd1393e"></span><em class="property"><span class="pre">typedef</span> </em><span class="pre">uint16_t</span> <code class="sig-name descname"><span class="pre">lv_style_property_t</span></code><a class="headerlink" href="#_CPPv419lv_style_property_t" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp type">
<dt id="_CPPv416lv_style_state_t">
<span id="_CPPv316lv_style_state_t"></span><span id="_CPPv216lv_style_state_t"></span><span id="lv_style_state_t"></span><span class="target" id="lv__style_8h_1a36d6190a96edf234fc62349387217e92"></span><em class="property"><span class="pre">typedef</span> </em><span class="pre">uint16_t</span> <code class="sig-name descname"><span class="pre">lv_style_state_t</span></code><a class="headerlink" href="#_CPPv416lv_style_state_t" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp type">
<dt id="_CPPv414lv_style_int_t">
<span id="_CPPv314lv_style_int_t"></span><span id="_CPPv214lv_style_int_t"></span><span id="lv_style_int_t"></span><span class="target" id="lv__style_8h_1aca8c8a1b6e59e61071d140079a1fef8a"></span><em class="property"><span class="pre">typedef</span> </em><span class="pre">int16_t</span> <code class="sig-name descname"><span class="pre">lv_style_int_t</span></code><a class="headerlink" href="#_CPPv414lv_style_int_t" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

</div>
<div class="breathe-sectiondef docutils container">
<p class="breathe-sectiondef-title rubric" id="breathe-section-title-enums">Enums</p>
<dl class="cpp enum">
<dt id="_CPPv4Ut1_9">
<span id="_CPPv3Ut1_9"></span><span class="target" id="lv__style_8h_1ab04a0655cd1e3bcac5e8f48c18df1a57"></span><em class="property"><span class="pre">enum</span> </em><strong><span class="pre">[anonymous]</span></strong><a class="headerlink" href="#_CPPv4Ut1_9" title="Permalink to this definition">¶</a><br /></dt>
<dd><p><em>Values:</em></p>
<dl class="cpp enumerator">
<dt id="_CPPv4NUt1_919LV_BORDER_SIDE_NONEE">
<span id="_CPPv3NUt1_919LV_BORDER_SIDE_NONEE"></span><span class="target" id="lv__style_8h_1ab04a0655cd1e3bcac5e8f48c18df1a57a855fbe2d6a6ca1735e63379de717ab41"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_BORDER_SIDE_NONE</span></code><a class="headerlink" href="#_CPPv4NUt1_919LV_BORDER_SIDE_NONEE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4NUt1_921LV_BORDER_SIDE_BOTTOME">
<span id="_CPPv3NUt1_921LV_BORDER_SIDE_BOTTOME"></span><span class="target" id="lv__style_8h_1ab04a0655cd1e3bcac5e8f48c18df1a57a3022f7b36b00f3903f1e89ea4dcb6ad0"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_BORDER_SIDE_BOTTOM</span></code><a class="headerlink" href="#_CPPv4NUt1_921LV_BORDER_SIDE_BOTTOME" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4NUt1_918LV_BORDER_SIDE_TOPE">
<span id="_CPPv3NUt1_918LV_BORDER_SIDE_TOPE"></span><span class="target" id="lv__style_8h_1ab04a0655cd1e3bcac5e8f48c18df1a57a1882c079eff65077bbcc2259a5efa139"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_BORDER_SIDE_TOP</span></code><a class="headerlink" href="#_CPPv4NUt1_918LV_BORDER_SIDE_TOPE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4NUt1_919LV_BORDER_SIDE_LEFTE">
<span id="_CPPv3NUt1_919LV_BORDER_SIDE_LEFTE"></span><span class="target" id="lv__style_8h_1ab04a0655cd1e3bcac5e8f48c18df1a57a7e27afb27fd43eb2766f99c5eaf4dab1"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_BORDER_SIDE_LEFT</span></code><a class="headerlink" href="#_CPPv4NUt1_919LV_BORDER_SIDE_LEFTE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4NUt1_920LV_BORDER_SIDE_RIGHTE">
<span id="_CPPv3NUt1_920LV_BORDER_SIDE_RIGHTE"></span><span class="target" id="lv__style_8h_1ab04a0655cd1e3bcac5e8f48c18df1a57a37880a94791d409b256829c13ca4ce4b"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_BORDER_SIDE_RIGHT</span></code><a class="headerlink" href="#_CPPv4NUt1_920LV_BORDER_SIDE_RIGHTE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4NUt1_919LV_BORDER_SIDE_FULLE">
<span id="_CPPv3NUt1_919LV_BORDER_SIDE_FULLE"></span><span class="target" id="lv__style_8h_1ab04a0655cd1e3bcac5e8f48c18df1a57a9cae2792fb8b898c531ed9e83f2ff79f"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_BORDER_SIDE_FULL</span></code><a class="headerlink" href="#_CPPv4NUt1_919LV_BORDER_SIDE_FULLE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4NUt1_923LV_BORDER_SIDE_INTERNALE">
<span id="_CPPv3NUt1_923LV_BORDER_SIDE_INTERNALE"></span><span class="target" id="lv__style_8h_1ab04a0655cd1e3bcac5e8f48c18df1a57ae90b8d5d4dd0b95b34b42faa13e813a1"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_BORDER_SIDE_INTERNAL</span></code><a class="headerlink" href="#_CPPv4NUt1_923LV_BORDER_SIDE_INTERNALE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>FOR matrix-like objects (e.g. Button matrix) </p>
</dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4NUt1_920_LV_BORDER_SIDE_LASTE">
<span id="_CPPv3NUt1_920_LV_BORDER_SIDE_LASTE"></span><span class="target" id="lv__style_8h_1ab04a0655cd1e3bcac5e8f48c18df1a57a1843f0f04c40ceafedbebed7a9ef17d1"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">_LV_BORDER_SIDE_LAST</span></code><a class="headerlink" href="#_CPPv4NUt1_920_LV_BORDER_SIDE_LASTE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

</dd></dl>

<dl class="cpp enum">
<dt id="_CPPv4Ut2_10">
<span id="_CPPv3Ut2_10"></span><span class="target" id="lv__style_8h_1a385c44f6fb256e5716a2302a5b940388"></span><em class="property"><span class="pre">enum</span> </em><strong><span class="pre">[anonymous]</span></strong><a class="headerlink" href="#_CPPv4Ut2_10" title="Permalink to this definition">¶</a><br /></dt>
<dd><p><em>Values:</em></p>
<dl class="cpp enumerator">
<dt id="_CPPv4NUt2_1016LV_GRAD_DIR_NONEE">
<span id="_CPPv3NUt2_1016LV_GRAD_DIR_NONEE"></span><span class="target" id="lv__style_8h_1a385c44f6fb256e5716a2302a5b940388a60a3da887d76575265882bdf7be3e3ae"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_GRAD_DIR_NONE</span></code><a class="headerlink" href="#_CPPv4NUt2_1016LV_GRAD_DIR_NONEE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4NUt2_1015LV_GRAD_DIR_VERE">
<span id="_CPPv3NUt2_1015LV_GRAD_DIR_VERE"></span><span class="target" id="lv__style_8h_1a385c44f6fb256e5716a2302a5b940388a213ea9c1af983a3b7d4dbe131e30ec67"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_GRAD_DIR_VER</span></code><a class="headerlink" href="#_CPPv4NUt2_1015LV_GRAD_DIR_VERE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4NUt2_1015LV_GRAD_DIR_HORE">
<span id="_CPPv3NUt2_1015LV_GRAD_DIR_HORE"></span><span class="target" id="lv__style_8h_1a385c44f6fb256e5716a2302a5b940388a79ffa390d3d116ed50fd14551298ddc2"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_GRAD_DIR_HOR</span></code><a class="headerlink" href="#_CPPv4NUt2_1015LV_GRAD_DIR_HORE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4NUt2_1017_LV_GRAD_DIR_LASTE">
<span id="_CPPv3NUt2_1017_LV_GRAD_DIR_LASTE"></span><span class="target" id="lv__style_8h_1a385c44f6fb256e5716a2302a5b940388ada7ed9dcb80c8e385693f093b8bba1cb"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">_LV_GRAD_DIR_LAST</span></code><a class="headerlink" href="#_CPPv4NUt2_1017_LV_GRAD_DIR_LASTE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

</dd></dl>

<dl class="cpp enum">
<dt id="_CPPv4Ut2_11">
<span id="_CPPv3Ut2_11"></span><span class="target" id="lv__style_8h_1abc5c98fcc1211af2b80116dd6e0a035d"></span><em class="property"><span class="pre">enum</span> </em><strong><span class="pre">[anonymous]</span></strong><a class="headerlink" href="#_CPPv4Ut2_11" title="Permalink to this definition">¶</a><br /></dt>
<dd><p><em>Values:</em></p>
<dl class="cpp enumerator">
<dt id="_CPPv4NUt2_1118LV_TEXT_DECOR_NONEE">
<span id="_CPPv3NUt2_1118LV_TEXT_DECOR_NONEE"></span><span class="target" id="lv__style_8h_1abc5c98fcc1211af2b80116dd6e0a035da7c180b0226472d683d044c37f36cc648"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_TEXT_DECOR_NONE</span></code><a class="headerlink" href="#_CPPv4NUt2_1118LV_TEXT_DECOR_NONEE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4NUt2_1123LV_TEXT_DECOR_UNDERLINEE">
<span id="_CPPv3NUt2_1123LV_TEXT_DECOR_UNDERLINEE"></span><span class="target" id="lv__style_8h_1abc5c98fcc1211af2b80116dd6e0a035da8b9bbda381a79b36884d0028c9e29361"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_TEXT_DECOR_UNDERLINE</span></code><a class="headerlink" href="#_CPPv4NUt2_1123LV_TEXT_DECOR_UNDERLINEE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4NUt2_1127LV_TEXT_DECOR_STRIKETHROUGHE">
<span id="_CPPv3NUt2_1127LV_TEXT_DECOR_STRIKETHROUGHE"></span><span class="target" id="lv__style_8h_1abc5c98fcc1211af2b80116dd6e0a035da1d9716ac9403b2f7e3c4e757d11e3c46"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_TEXT_DECOR_STRIKETHROUGH</span></code><a class="headerlink" href="#_CPPv4NUt2_1127LV_TEXT_DECOR_STRIKETHROUGHE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4NUt2_1119_LV_TEXT_DECOR_LASTE">
<span id="_CPPv3NUt2_1119_LV_TEXT_DECOR_LASTE"></span><span class="target" id="lv__style_8h_1abc5c98fcc1211af2b80116dd6e0a035da4556fb574b58f2c20ef0804144acc175"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">_LV_TEXT_DECOR_LAST</span></code><a class="headerlink" href="#_CPPv4NUt2_1119_LV_TEXT_DECOR_LASTE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

</dd></dl>

<dl class="cpp enum">
<dt id="_CPPv4Ut2_12">
<span id="_CPPv3Ut2_12"></span><span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8"></span><em class="property"><span class="pre">enum</span> </em><strong><span class="pre">[anonymous]</span></strong><a class="headerlink" href="#_CPPv4Ut2_12" title="Permalink to this definition">¶</a><br /></dt>
<dd><p><em>Values:</em></p>
<dl class="cpp enumerator">
<dt id="_CPPv4NUt2_1218LV_STYLE_PROP_INITE">
<span id="_CPPv3NUt2_1218LV_STYLE_PROP_INITE"></span><span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><a class="headerlink" href="#_CPPv4NUt2_1218LV_STYLE_PROP_INITE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt>
<span class="target" id="lv__style_8h_1ac36f475ca5b446f4fde4c9b90bec77c8aea2c5241b45f615048168360ed32290e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_STYLE_PROP_INIT</span></code><br /></dt>
<dd></dd></dl>

</dd></dl>

</div>
<div class="breathe-sectiondef docutils container">
<p class="breathe-sectiondef-title rubric" id="breathe-section-title-functions">Functions</p>
<dl class="cpp function">
<dt id="_CPPv419LV_EXPORT_CONST_INT16LV_RADIUS_CIRCLE">
<span id="_CPPv319LV_EXPORT_CONST_INT16LV_RADIUS_CIRCLE"></span><span id="_CPPv219LV_EXPORT_CONST_INT16LV_RADIUS_CIRCLE"></span><span id="LV_EXPORT_CONST_INT__LV_RADIUS_CIRCLE"></span><span class="target" id="lv__style_8h_1ac7d084ab50047987b24b60de9534eb83"></span><code class="sig-name descname"><span class="pre">LV_EXPORT_CONST_INT</span></code><span class="sig-paren">(</span><span class="pre">LV_RADIUS_CIRCLE</span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv419LV_EXPORT_CONST_INT16LV_RADIUS_CIRCLE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp function">
<dt id="_CPPv413lv_style_initP10lv_style_t">
<span id="_CPPv313lv_style_initP10lv_style_t"></span><span id="_CPPv213lv_style_initP10lv_style_t"></span><span id="lv_style_init__lv_style_tP"></span><span class="target" id="lv__style_8h_1a327db2c3050bd2d1a1693aa6981205dd"></span><span class="pre">void</span> <code class="sig-name descname"><span class="pre">lv_style_init</span></code><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv410lv_style_t" title="lv_style_t"><span class="pre">lv_style_t</span></a> <span class="pre">*</span><em><span class="pre">style</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv413lv_style_initP10lv_style_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Initialize a style </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>style</strong> -- pointer to a style to initialize </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv413lv_style_copyP10lv_style_tPK10lv_style_t">
<span id="_CPPv313lv_style_copyP10lv_style_tPK10lv_style_t"></span><span id="_CPPv213lv_style_copyP10lv_style_tPK10lv_style_t"></span><span id="lv_style_copy__lv_style_tP.lv_style_tCP"></span><span class="target" id="lv__style_8h_1ad389aa5fcb9e978eedd9caa78b37231d"></span><span class="pre">void</span> <code class="sig-name descname"><span class="pre">lv_style_copy</span></code><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv410lv_style_t" title="lv_style_t"><span class="pre">lv_style_t</span></a> <span class="pre">*</span><em><span class="pre">style_dest</span></em>, <em class="property"><span class="pre">const</span></em> <a class="reference internal" href="#_CPPv410lv_style_t" title="lv_style_t"><span class="pre">lv_style_t</span></a> <span class="pre">*</span><em><span class="pre">style_src</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv413lv_style_copyP10lv_style_tPK10lv_style_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p><p>Copy a style with all its properties</p>
<p>Copy a style to an other</p>
</p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>style_dest</strong> -- pointer to the destination style. (Should be initialized with <code class="docutils literal notranslate"><a class="reference internal" href="#lv__style_8h_1a327db2c3050bd2d1a1693aa6981205dd"><span class="std std-ref"><span class="pre">lv_style_init()</span></span></a></code>) </p></li>
<li><p><strong>style_src</strong> -- pointer to the source (to copy )style</p></li>
<li><p><strong>dest</strong> -- pointer to the destination style </p></li>
<li><p><strong>src</strong> -- pointer to the source style </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv418lv_style_list_initP15lv_style_list_t">
<span id="_CPPv318lv_style_list_initP15lv_style_list_t"></span><span id="_CPPv218lv_style_list_initP15lv_style_list_t"></span><span id="lv_style_list_init__lv_style_list_tP"></span><span class="target" id="lv__style_8h_1a935a21c221680f1dc00ecfcb36efe443"></span><span class="pre">void</span> <code class="sig-name descname"><span class="pre">lv_style_list_init</span></code><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv415lv_style_list_t" title="lv_style_list_t"><span class="pre">lv_style_list_t</span></a> <span class="pre">*</span><em><span class="pre">list</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv418lv_style_list_initP15lv_style_list_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Initialize a style list </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>list</strong> -- a style list to initialize </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv418lv_style_list_copyP15lv_style_list_tPK15lv_style_list_t">
<span id="_CPPv318lv_style_list_copyP15lv_style_list_tPK15lv_style_list_t"></span><span id="_CPPv218lv_style_list_copyP15lv_style_list_tPK15lv_style_list_t"></span><span id="lv_style_list_copy__lv_style_list_tP.lv_style_list_tCP"></span><span class="target" id="lv__style_8h_1af967edc82e485493ac3e3ab5dd869c93"></span><span class="pre">void</span> <code class="sig-name descname"><span class="pre">lv_style_list_copy</span></code><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv415lv_style_list_t" title="lv_style_list_t"><span class="pre">lv_style_list_t</span></a> <span class="pre">*</span><em><span class="pre">list_dest</span></em>, <em class="property"><span class="pre">const</span></em> <a class="reference internal" href="#_CPPv415lv_style_list_t" title="lv_style_list_t"><span class="pre">lv_style_list_t</span></a> <span class="pre">*</span><em><span class="pre">list_src</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv418lv_style_list_copyP15lv_style_list_tPK15lv_style_list_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Copy a style list with all its styles and local style properties </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>list_dest</strong> -- pointer to the destination style list. (should be initialized with <code class="docutils literal notranslate"><a class="reference internal" href="#lv__style_8h_1a935a21c221680f1dc00ecfcb36efe443"><span class="std std-ref"><span class="pre">lv_style_list_init()</span></span></a></code>) </p></li>
<li><p><strong>list_src</strong> -- pointer to the source (to copy) style list. </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv424_lv_style_list_add_styleP15lv_style_list_tP10lv_style_t">
<span id="_CPPv324_lv_style_list_add_styleP15lv_style_list_tP10lv_style_t"></span><span id="_CPPv224_lv_style_list_add_styleP15lv_style_list_tP10lv_style_t"></span><span id="_lv_style_list_add_style__lv_style_list_tP.lv_style_tP"></span><span class="target" id="lv__style_8h_1a715df5515f8b2b2362c2186a42ffa511"></span><span class="pre">void</span> <code class="sig-name descname"><span class="pre">_lv_style_list_add_style</span></code><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv415lv_style_list_t" title="lv_style_list_t"><span class="pre">lv_style_list_t</span></a> <span class="pre">*</span><em><span class="pre">list</span></em>, <a class="reference internal" href="#_CPPv410lv_style_t" title="lv_style_t"><span class="pre">lv_style_t</span></a> <span class="pre">*</span><em><span class="pre">style</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv424_lv_style_list_add_styleP15lv_style_list_tP10lv_style_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Add a style to a style list. Only the style pointer will be saved so the shouldn't be a local variable. (It should be static, global or dynamically allocated) </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>list</strong> -- pointer to a style list </p></li>
<li><p><strong>style</strong> -- pointer to a style to add </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv427_lv_style_list_remove_styleP15lv_style_list_tP10lv_style_t">
<span id="_CPPv327_lv_style_list_remove_styleP15lv_style_list_tP10lv_style_t"></span><span id="_CPPv227_lv_style_list_remove_styleP15lv_style_list_tP10lv_style_t"></span><span id="_lv_style_list_remove_style__lv_style_list_tP.lv_style_tP"></span><span class="target" id="lv__style_8h_1acb53cb2167d254233b1397585ba21e79"></span><span class="pre">void</span> <code class="sig-name descname"><span class="pre">_lv_style_list_remove_style</span></code><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv415lv_style_list_t" title="lv_style_list_t"><span class="pre">lv_style_list_t</span></a> <span class="pre">*</span><em><span class="pre">list</span></em>, <a class="reference internal" href="#_CPPv410lv_style_t" title="lv_style_t"><span class="pre">lv_style_t</span></a> <span class="pre">*</span><em><span class="pre">style</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv427_lv_style_list_remove_styleP15lv_style_list_tP10lv_style_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Remove a style from a style list </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>style_list</strong> -- pointer to a style list </p></li>
<li><p><strong>style</strong> -- pointer to a style to remove </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv420_lv_style_list_resetP15lv_style_list_t">
<span id="_CPPv320_lv_style_list_resetP15lv_style_list_t"></span><span id="_CPPv220_lv_style_list_resetP15lv_style_list_t"></span><span id="_lv_style_list_reset__lv_style_list_tP"></span><span class="target" id="lv__style_8h_1a572c6faf8dec98a8e0db4786322a4abf"></span><span class="pre">void</span> <code class="sig-name descname"><span class="pre">_lv_style_list_reset</span></code><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv415lv_style_list_t" title="lv_style_list_t"><span class="pre">lv_style_list_t</span></a> <span class="pre">*</span><em><span class="pre">style_list</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv420_lv_style_list_resetP15lv_style_list_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Remove all styles added from style list, clear the local style, transition style and free all allocated memories. Leave <code class="docutils literal notranslate"><span class="pre">ignore_trans</span></code> flag as it is. </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>list</strong> -- pointer to a style list. </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv423lv_style_list_get_styleP15lv_style_list_t7uint8_t">
<span id="_CPPv323lv_style_list_get_styleP15lv_style_list_t7uint8_t"></span><span id="_CPPv223lv_style_list_get_styleP15lv_style_list_t7uint8_t"></span><span id="lv_style_list_get_style__lv_style_list_tP.uint8_t"></span><span class="target" id="lv__style_8h_1a569990e311c87cbf6d3ea286b555bb79"></span><em class="property"><span class="pre">static</span></em> <em class="property"><span class="pre">inline</span></em> <a class="reference internal" href="#_CPPv410lv_style_t" title="lv_style_t"><span class="pre">lv_style_t</span></a> <span class="pre">*</span><code class="sig-name descname"><span class="pre">lv_style_list_get_style</span></code><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv415lv_style_list_t" title="lv_style_list_t"><span class="pre">lv_style_list_t</span></a> <span class="pre">*</span><em><span class="pre">list</span></em>, <span class="pre">uint8_t</span> <em><span class="pre">id</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv423lv_style_list_get_styleP15lv_style_list_t7uint8_t" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp function">
<dt id="_CPPv414lv_style_resetP10lv_style_t">
<span id="_CPPv314lv_style_resetP10lv_style_t"></span><span id="_CPPv214lv_style_resetP10lv_style_t"></span><span id="lv_style_reset__lv_style_tP"></span><span class="target" id="lv__style_8h_1afd91dc8011c22491bae7010959267741"></span><span class="pre">void</span> <code class="sig-name descname"><span class="pre">lv_style_reset</span></code><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv410lv_style_t" title="lv_style_t"><span class="pre">lv_style_t</span></a> <span class="pre">*</span><em><span class="pre">style</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv414lv_style_resetP10lv_style_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Clear all properties from a style and all allocated memories. </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>style</strong> -- pointer to a style </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv422_lv_style_get_mem_sizePK10lv_style_t">
<span id="_CPPv322_lv_style_get_mem_sizePK10lv_style_t"></span><span id="_CPPv222_lv_style_get_mem_sizePK10lv_style_t"></span><span id="_lv_style_get_mem_size__lv_style_tCP"></span><span class="target" id="lv__style_8h_1ade2bc3c09d712cc4a0acd645af4180ee"></span><span class="pre">uint16_t</span> <code class="sig-name descname"><span class="pre">_lv_style_get_mem_size</span></code><span class="sig-paren">(</span><em class="property"><span class="pre">const</span></em> <a class="reference internal" href="#_CPPv410lv_style_t" title="lv_style_t"><span class="pre">lv_style_t</span></a> <span class="pre">*</span><em><span class="pre">style</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv422_lv_style_get_mem_sizePK10lv_style_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get the size of the properties in a style in bytes </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>style</strong> -- pointer to a style </p>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>size of the properties in bytes </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv420lv_style_remove_propP10lv_style_t19lv_style_property_t">
<span id="_CPPv320lv_style_remove_propP10lv_style_t19lv_style_property_t"></span><span id="_CPPv220lv_style_remove_propP10lv_style_t19lv_style_property_t"></span><span id="lv_style_remove_prop__lv_style_tP.lv_style_property_t"></span><span class="target" id="lv__style_8h_1af69dfb0c8b494aed0a7d2369e30f0736"></span><span class="pre">bool</span> <code class="sig-name descname"><span class="pre">lv_style_remove_prop</span></code><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv410lv_style_t" title="lv_style_t"><span class="pre">lv_style_t</span></a> <span class="pre">*</span><em><span class="pre">style</span></em>, <a class="reference internal" href="#_CPPv419lv_style_property_t" title="lv_style_property_t"><span class="pre">lv_style_property_t</span></a> <em><span class="pre">prop</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv420lv_style_remove_propP10lv_style_t19lv_style_property_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Remove a property from a style </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>style</strong> -- pointer to a style </p></li>
<li><p><strong>prop</strong> -- a style property ORed with a state. E.g. <code class="docutils literal notranslate"><span class="pre">LV_STYLE_BORDER_WIDTH</span> <span class="pre">|</span> <span class="pre">(LV_STATE_PRESSED</span> <span class="pre">&lt;&lt;</span> <span class="pre">LV_STYLE_STATE_POS)</span></code> </p></li>
</ul>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>true: the property was found and removed; false: the property wasn't found </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv417_lv_style_set_intP10lv_style_t19lv_style_property_t14lv_style_int_t">
<span id="_CPPv317_lv_style_set_intP10lv_style_t19lv_style_property_t14lv_style_int_t"></span><span id="_CPPv217_lv_style_set_intP10lv_style_t19lv_style_property_t14lv_style_int_t"></span><span id="_lv_style_set_int__lv_style_tP.lv_style_property_t.lv_style_int_t"></span><span class="target" id="lv__style_8h_1a16892a0a8d4c2b1c0d9ed0b132cf2c5b"></span><span class="pre">void</span> <code class="sig-name descname"><span class="pre">_lv_style_set_int</span></code><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv410lv_style_t" title="lv_style_t"><span class="pre">lv_style_t</span></a> <span class="pre">*</span><em><span class="pre">style</span></em>, <a class="reference internal" href="#_CPPv419lv_style_property_t" title="lv_style_property_t"><span class="pre">lv_style_property_t</span></a> <em><span class="pre">prop</span></em>, <a class="reference internal" href="#_CPPv414lv_style_int_t" title="lv_style_int_t"><span class="pre">lv_style_int_t</span></a> <em><span class="pre">value</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv417_lv_style_set_intP10lv_style_t19lv_style_property_t14lv_style_int_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Set an integer typed property in a style. </p>
<div class="admonition note">
<p class="admonition-title">Note</p>
<p>shouldn't be used directly. Use the specific property set functions instead. For example: <code class="docutils literal notranslate"><span class="pre">lv_style_set_border_width()</span></code> </p>
</div>
<div class="admonition note">
<p class="admonition-title">Note</p>
<p>for performance reasons it's not checked if the property really has integer type </p>
</div>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>style</strong> -- pointer to a style where the property should be set </p></li>
<li><p><strong>prop</strong> -- a style property ORed with a state. E.g. <code class="docutils literal notranslate"><span class="pre">LV_STYLE_BORDER_WIDTH</span> <span class="pre">|</span> <span class="pre">(LV_STATE_PRESSED</span> <span class="pre">&lt;&lt;</span> <span class="pre">LV_STYLE_STATE_POS)</span></code> </p></li>
<li><p><strong>value</strong> -- the value to set </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv419_lv_style_set_colorP10lv_style_t19lv_style_property_t10lv_color_t">
<span id="_CPPv319_lv_style_set_colorP10lv_style_t19lv_style_property_t10lv_color_t"></span><span id="_CPPv219_lv_style_set_colorP10lv_style_t19lv_style_property_t10lv_color_t"></span><span id="_lv_style_set_color__lv_style_tP.lv_style_property_t.lv_color_t"></span><span class="target" id="lv__style_8h_1ae61f90519eb2247d74b8faccc26e168a"></span><span class="pre">void</span> <code class="sig-name descname"><span class="pre">_lv_style_set_color</span></code><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv410lv_style_t" title="lv_style_t"><span class="pre">lv_style_t</span></a> <span class="pre">*</span><em><span class="pre">style</span></em>, <a class="reference internal" href="#_CPPv419lv_style_property_t" title="lv_style_property_t"><span class="pre">lv_style_property_t</span></a> <em><span class="pre">prop</span></em>, <span class="pre">lv_color_t</span> <em><span class="pre">color</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv419_lv_style_set_colorP10lv_style_t19lv_style_property_t10lv_color_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Set a color typed property in a style. </p>
<div class="admonition note">
<p class="admonition-title">Note</p>
<p>shouldn't be used directly. Use the specific property set functions instead. For example: <code class="docutils literal notranslate"><span class="pre">lv_style_set_border_color()</span></code> </p>
</div>
<div class="admonition note">
<p class="admonition-title">Note</p>
<p>for performance reasons it's not checked if the property really has color type </p>
</div>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>style</strong> -- pointer to a style where the property should be set </p></li>
<li><p><strong>prop</strong> -- a style property ORed with a state. E.g. <code class="docutils literal notranslate"><span class="pre">LV_STYLE_BORDER_COLOR</span> <span class="pre">|</span> <span class="pre">(LV_STATE_PRESSED</span> <span class="pre">&lt;&lt;</span> <span class="pre">LV_STYLE_STATE_POS)</span></code> </p></li>
<li><p><strong>value</strong> -- the value to set </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv417_lv_style_set_opaP10lv_style_t19lv_style_property_t8lv_opa_t">
<span id="_CPPv317_lv_style_set_opaP10lv_style_t19lv_style_property_t8lv_opa_t"></span><span id="_CPPv217_lv_style_set_opaP10lv_style_t19lv_style_property_t8lv_opa_t"></span><span id="_lv_style_set_opa__lv_style_tP.lv_style_property_t.lv_opa_t"></span><span class="target" id="lv__style_8h_1a56e5c079fc853e57e0273c8750134b40"></span><span class="pre">void</span> <code class="sig-name descname"><span class="pre">_lv_style_set_opa</span></code><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv410lv_style_t" title="lv_style_t"><span class="pre">lv_style_t</span></a> <span class="pre">*</span><em><span class="pre">style</span></em>, <a class="reference internal" href="#_CPPv419lv_style_property_t" title="lv_style_property_t"><span class="pre">lv_style_property_t</span></a> <em><span class="pre">prop</span></em>, <span class="pre">lv_opa_t</span> <em><span class="pre">opa</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv417_lv_style_set_opaP10lv_style_t19lv_style_property_t8lv_opa_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Set an opacity typed property in a style. </p>
<div class="admonition note">
<p class="admonition-title">Note</p>
<p>shouldn't be used directly. Use the specific property set functions instead. For example: <code class="docutils literal notranslate"><span class="pre">lv_style_set_border_opa()</span></code> </p>
</div>
<div class="admonition note">
<p class="admonition-title">Note</p>
<p>for performance reasons it's not checked if the property really has opacity type </p>
</div>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>style</strong> -- pointer to a style where the property should be set </p></li>
<li><p><strong>prop</strong> -- a style property ORed with a state. E.g. <code class="docutils literal notranslate"><span class="pre">LV_STYLE_BORDER_OPA</span> <span class="pre">|</span> <span class="pre">(LV_STATE_PRESSED</span> <span class="pre">&lt;&lt;</span> <span class="pre">LV_STYLE_STATE_POS)</span></code> </p></li>
<li><p><strong>value</strong> -- the value to set </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv417_lv_style_set_ptrP10lv_style_t19lv_style_property_tPKv">
<span id="_CPPv317_lv_style_set_ptrP10lv_style_t19lv_style_property_tPKv"></span><span id="_CPPv217_lv_style_set_ptrP10lv_style_t19lv_style_property_tPKv"></span><span id="_lv_style_set_ptr__lv_style_tP.lv_style_property_t.voidCP"></span><span class="target" id="lv__style_8h_1ad3da64472f8a06bb67eceb52c13cc6e1"></span><span class="pre">void</span> <code class="sig-name descname"><span class="pre">_lv_style_set_ptr</span></code><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv410lv_style_t" title="lv_style_t"><span class="pre">lv_style_t</span></a> <span class="pre">*</span><em><span class="pre">style</span></em>, <a class="reference internal" href="#_CPPv419lv_style_property_t" title="lv_style_property_t"><span class="pre">lv_style_property_t</span></a> <em><span class="pre">prop</span></em>, <em class="property"><span class="pre">const</span></em> <span class="pre">void</span> <span class="pre">*</span><em><span class="pre">p</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv417_lv_style_set_ptrP10lv_style_t19lv_style_property_tPKv" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Set a pointer typed property in a style. </p>
<div class="admonition note">
<p class="admonition-title">Note</p>
<p>shouldn't be used directly. Use the specific property set functions instead. For example: <code class="docutils literal notranslate"><span class="pre">lv_style_set_border_width()</span></code> </p>
</div>
<div class="admonition note">
<p class="admonition-title">Note</p>
<p>for performance reasons it's not checked if the property really has pointer type </p>
</div>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>style</strong> -- pointer to a style where the property should be set </p></li>
<li><p><strong>prop</strong> -- a style property ORed with a state. E.g. <code class="docutils literal notranslate"><span class="pre">LV_STYLE_TEXT_POINTER</span> <span class="pre">|</span> <span class="pre">(LV_STATE_PRESSED</span> <span class="pre">&lt;&lt;</span> <span class="pre">LV_STYLE_STATE_POS)</span></code> </p></li>
<li><p><strong>value</strong> -- the value to set </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv417_lv_style_get_intPK10lv_style_t19lv_style_property_tPv">
<span id="_CPPv317_lv_style_get_intPK10lv_style_t19lv_style_property_tPv"></span><span id="_CPPv217_lv_style_get_intPK10lv_style_t19lv_style_property_tPv"></span><span id="_lv_style_get_int__lv_style_tCP.lv_style_property_t.voidP"></span><span class="target" id="lv__style_8h_1a2c3e6481d21d5059438e553724cb0c3f"></span><span class="pre">int16_t</span> <code class="sig-name descname"><span class="pre">_lv_style_get_int</span></code><span class="sig-paren">(</span><em class="property"><span class="pre">const</span></em> <a class="reference internal" href="#_CPPv410lv_style_t" title="lv_style_t"><span class="pre">lv_style_t</span></a> <span class="pre">*</span><em><span class="pre">style</span></em>, <a class="reference internal" href="#_CPPv419lv_style_property_t" title="lv_style_property_t"><span class="pre">lv_style_property_t</span></a> <em><span class="pre">prop</span></em>, <span class="pre">void</span> <span class="pre">*</span><em><span class="pre">res</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv417_lv_style_get_intPK10lv_style_t19lv_style_property_tPv" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get an integer typed property from a style. </p>
<div class="admonition note">
<p class="admonition-title">Note</p>
<p>shouldn't be used directly. Use the specific property get functions instead. For example: <code class="docutils literal notranslate"><span class="pre">lv_style_get_border_width()</span></code> </p>
</div>
<div class="admonition note">
<p class="admonition-title">Note</p>
<p>for performance reasons it's not checked if the property really has integer type </p>
</div>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>style</strong> -- pointer to a style from where the property should be get </p></li>
<li><p><strong>prop</strong> -- a style property ORed with a state. E.g. <code class="docutils literal notranslate"><span class="pre">LV_STYLE_BORDER_WIDTH</span> <span class="pre">|</span> <span class="pre">(LV_STATE_PRESSED</span> <span class="pre">&lt;&lt;</span> <span class="pre">LV_STYLE_STATE_POS)</span></code> </p></li>
<li><p><strong>res</strong> -- pointer to a buffer to store the result value </p></li>
</ul>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>-1: the property wasn't found in the style. The matching state bits of the desired state (in <code class="docutils literal notranslate"><span class="pre">prop</span></code>) and the best matching property's state Higher value means match in higher precedence state. </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv419_lv_style_get_colorPK10lv_style_t19lv_style_property_tPv">
<span id="_CPPv319_lv_style_get_colorPK10lv_style_t19lv_style_property_tPv"></span><span id="_CPPv219_lv_style_get_colorPK10lv_style_t19lv_style_property_tPv"></span><span id="_lv_style_get_color__lv_style_tCP.lv_style_property_t.voidP"></span><span class="target" id="lv__style_8h_1a4b37b95aa21489cb9ecdfd8ee7330085"></span><span class="pre">int16_t</span> <code class="sig-name descname"><span class="pre">_lv_style_get_color</span></code><span class="sig-paren">(</span><em class="property"><span class="pre">const</span></em> <a class="reference internal" href="#_CPPv410lv_style_t" title="lv_style_t"><span class="pre">lv_style_t</span></a> <span class="pre">*</span><em><span class="pre">style</span></em>, <a class="reference internal" href="#_CPPv419lv_style_property_t" title="lv_style_property_t"><span class="pre">lv_style_property_t</span></a> <em><span class="pre">prop</span></em>, <span class="pre">void</span> <span class="pre">*</span><em><span class="pre">res</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv419_lv_style_get_colorPK10lv_style_t19lv_style_property_tPv" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get a color typed property from a style. </p>
<div class="admonition note">
<p class="admonition-title">Note</p>
<p>shouldn't be used directly. Use the specific property get functions instead. For example: <code class="docutils literal notranslate"><span class="pre">lv_style_get_border_color()</span></code> </p>
</div>
<div class="admonition note">
<p class="admonition-title">Note</p>
<p>for performance reasons it's not checked if the property really has color type </p>
</div>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>style</strong> -- pointer to a style from where the property should be get </p></li>
<li><p><strong>prop</strong> -- a style property ORed with a state. E.g. <code class="docutils literal notranslate"><span class="pre">LV_STYLE_BORDER_COLOR</span> <span class="pre">|</span> <span class="pre">(LV_STATE_PRESSED</span> <span class="pre">&lt;&lt;</span> <span class="pre">LV_STYLE_STATE_POS)</span></code> </p></li>
<li><p><strong>res</strong> -- pointer to a buffer to store the result value </p></li>
</ul>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>-1: the property wasn't found in the style. The matching state bits of the desired state (in <code class="docutils literal notranslate"><span class="pre">prop</span></code>) and the best matching property's state Higher value means match in higher precedence state. </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv417_lv_style_get_opaPK10lv_style_t19lv_style_property_tPv">
<span id="_CPPv317_lv_style_get_opaPK10lv_style_t19lv_style_property_tPv"></span><span id="_CPPv217_lv_style_get_opaPK10lv_style_t19lv_style_property_tPv"></span><span id="_lv_style_get_opa__lv_style_tCP.lv_style_property_t.voidP"></span><span class="target" id="lv__style_8h_1a3c10f36c4665b3acc56857586af4bf65"></span><span class="pre">int16_t</span> <code class="sig-name descname"><span class="pre">_lv_style_get_opa</span></code><span class="sig-paren">(</span><em class="property"><span class="pre">const</span></em> <a class="reference internal" href="#_CPPv410lv_style_t" title="lv_style_t"><span class="pre">lv_style_t</span></a> <span class="pre">*</span><em><span class="pre">style</span></em>, <a class="reference internal" href="#_CPPv419lv_style_property_t" title="lv_style_property_t"><span class="pre">lv_style_property_t</span></a> <em><span class="pre">prop</span></em>, <span class="pre">void</span> <span class="pre">*</span><em><span class="pre">res</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv417_lv_style_get_opaPK10lv_style_t19lv_style_property_tPv" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get an opacity typed property from a style. </p>
<div class="admonition note">
<p class="admonition-title">Note</p>
<p>shouldn't be used directly. Use the specific property get functions instead. For example: <code class="docutils literal notranslate"><span class="pre">lv_style_get_border_opa()</span></code> </p>
</div>
<div class="admonition note">
<p class="admonition-title">Note</p>
<p>for performance reasons it's not checked if the property really has opacity type </p>
</div>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>style</strong> -- pointer to a style from where the property should be get </p></li>
<li><p><strong>prop</strong> -- a style property ORed with a state. E.g. <code class="docutils literal notranslate"><span class="pre">LV_STYLE_BORDER_OPA</span> <span class="pre">|</span> <span class="pre">(LV_STATE_PRESSED</span> <span class="pre">&lt;&lt;</span> <span class="pre">LV_STYLE_STATE_POS)</span></code> </p></li>
<li><p><strong>res</strong> -- pointer to a buffer to store the result value </p></li>
</ul>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>-1: the property wasn't found in the style. The matching state bits of the desired state (in <code class="docutils literal notranslate"><span class="pre">prop</span></code>) and the best matching property's state Higher value means match in higher precedence state. </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv417_lv_style_get_ptrPK10lv_style_t19lv_style_property_tPv">
<span id="_CPPv317_lv_style_get_ptrPK10lv_style_t19lv_style_property_tPv"></span><span id="_CPPv217_lv_style_get_ptrPK10lv_style_t19lv_style_property_tPv"></span><span id="_lv_style_get_ptr__lv_style_tCP.lv_style_property_t.voidP"></span><span class="target" id="lv__style_8h_1a9e3de360b39b6c02392ffa9079170842"></span><span class="pre">int16_t</span> <code class="sig-name descname"><span class="pre">_lv_style_get_ptr</span></code><span class="sig-paren">(</span><em class="property"><span class="pre">const</span></em> <a class="reference internal" href="#_CPPv410lv_style_t" title="lv_style_t"><span class="pre">lv_style_t</span></a> <span class="pre">*</span><em><span class="pre">style</span></em>, <a class="reference internal" href="#_CPPv419lv_style_property_t" title="lv_style_property_t"><span class="pre">lv_style_property_t</span></a> <em><span class="pre">prop</span></em>, <span class="pre">void</span> <span class="pre">*</span><em><span class="pre">res</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv417_lv_style_get_ptrPK10lv_style_t19lv_style_property_tPv" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get a pointer typed property from a style. </p>
<div class="admonition note">
<p class="admonition-title">Note</p>
<p>shouldn't be used directly. Use the specific property get functions instead. For example: <code class="docutils literal notranslate"><span class="pre">lv_style_get_text_font()</span></code> </p>
</div>
<div class="admonition note">
<p class="admonition-title">Note</p>
<p>for performance reasons it's not checked if the property really has pointer type </p>
</div>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>style</strong> -- pointer to a style from where the property should be get </p></li>
<li><p><strong>prop</strong> -- a style property ORed with a state. E.g. <code class="docutils literal notranslate"><span class="pre">LV_STYLE_TEXT_FONT</span> <span class="pre">|</span> <span class="pre">(LV_STATE_PRESSED</span> <span class="pre">&lt;&lt;</span> <span class="pre">LV_STYLE_STATE_POS)</span></code> </p></li>
<li><p><strong>res</strong> -- pointer to a buffer to store the result value </p></li>
</ul>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>-1: the property wasn't found in the style. The matching state bits of the desired state (in <code class="docutils literal notranslate"><span class="pre">prop</span></code>) and the best matching property's state Higher value means match in higher precedence state. </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv429lv_style_list_get_local_styleP15lv_style_list_t">
<span id="_CPPv329lv_style_list_get_local_styleP15lv_style_list_t"></span><span id="_CPPv229lv_style_list_get_local_styleP15lv_style_list_t"></span><span id="lv_style_list_get_local_style__lv_style_list_tP"></span><span class="target" id="lv__style_8h_1a0ddf16ba20a2ead6e158dc7b4c6c169f"></span><a class="reference internal" href="#_CPPv410lv_style_t" title="lv_style_t"><span class="pre">lv_style_t</span></a> <span class="pre">*</span><code class="sig-name descname"><span class="pre">lv_style_list_get_local_style</span></code><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv415lv_style_list_t" title="lv_style_list_t"><span class="pre">lv_style_list_t</span></a> <span class="pre">*</span><em><span class="pre">list</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv429lv_style_list_get_local_styleP15lv_style_list_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get the local style of a style list </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>list</strong> -- pointer to a style list where the local property should be set </p>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>pointer to the local style if exists else <code class="docutils literal notranslate"><span class="pre">NULL</span></code>. </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv435_lv_style_list_get_transition_styleP15lv_style_list_t">
<span id="_CPPv335_lv_style_list_get_transition_styleP15lv_style_list_t"></span><span id="_CPPv235_lv_style_list_get_transition_styleP15lv_style_list_t"></span><span id="_lv_style_list_get_transition_style__lv_style_list_tP"></span><span class="target" id="lv__style_8h_1a9314664b0ebd75518f47a635b5f2242f"></span><a class="reference internal" href="#_CPPv410lv_style_t" title="lv_style_t"><span class="pre">lv_style_t</span></a> <span class="pre">*</span><code class="sig-name descname"><span class="pre">_lv_style_list_get_transition_style</span></code><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv415lv_style_list_t" title="lv_style_list_t"><span class="pre">lv_style_list_t</span></a> <span class="pre">*</span><em><span class="pre">list</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv435_lv_style_list_get_transition_styleP15lv_style_list_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get the transition style of a style list </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>list</strong> -- pointer to a style list where the local property should be set </p>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>pointer to the transition style if exists else <code class="docutils literal notranslate"><span class="pre">NULL</span></code>. </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv430_lv_style_list_add_trans_styleP15lv_style_list_t">
<span id="_CPPv330_lv_style_list_add_trans_styleP15lv_style_list_t"></span><span id="_CPPv230_lv_style_list_add_trans_styleP15lv_style_list_t"></span><span id="_lv_style_list_add_trans_style__lv_style_list_tP"></span><span class="target" id="lv__style_8h_1a053d3843a21f4f1c2e84ef460926c430"></span><a class="reference internal" href="#_CPPv410lv_style_t" title="lv_style_t"><span class="pre">lv_style_t</span></a> <span class="pre">*</span><code class="sig-name descname"><span class="pre">_lv_style_list_add_trans_style</span></code><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv415lv_style_list_t" title="lv_style_list_t"><span class="pre">lv_style_list_t</span></a> <span class="pre">*</span><em><span class="pre">list</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv430_lv_style_list_add_trans_styleP15lv_style_list_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Allocate the transition style in a style list. If already exists simply return it. </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>list</strong> -- pointer to a style list </p>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>the transition style of a style list </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv428_lv_style_list_set_local_intP15lv_style_list_t19lv_style_property_t14lv_style_int_t">
<span id="_CPPv328_lv_style_list_set_local_intP15lv_style_list_t19lv_style_property_t14lv_style_int_t"></span><span id="_CPPv228_lv_style_list_set_local_intP15lv_style_list_t19lv_style_property_t14lv_style_int_t"></span><span id="_lv_style_list_set_local_int__lv_style_list_tP.lv_style_property_t.lv_style_int_t"></span><span class="target" id="lv__style_8h_1a05883a34fedd728675454484cd5612e8"></span><span class="pre">void</span> <code class="sig-name descname"><span class="pre">_lv_style_list_set_local_int</span></code><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv415lv_style_list_t" title="lv_style_list_t"><span class="pre">lv_style_list_t</span></a> <span class="pre">*</span><em><span class="pre">list</span></em>, <a class="reference internal" href="#_CPPv419lv_style_property_t" title="lv_style_property_t"><span class="pre">lv_style_property_t</span></a> <em><span class="pre">prop</span></em>, <a class="reference internal" href="#_CPPv414lv_style_int_t" title="lv_style_int_t"><span class="pre">lv_style_int_t</span></a> <em><span class="pre">value</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv428_lv_style_list_set_local_intP15lv_style_list_t19lv_style_property_t14lv_style_int_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Set a local integer typed property in a style list. </p>
<div class="admonition note">
<p class="admonition-title">Note</p>
<p>for performance reasons it's not checked if the property really has integer type </p>
</div>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>list</strong> -- pointer to a style list where the local property should be set </p></li>
<li><p><strong>prop</strong> -- a style property ORed with a state. E.g. <code class="docutils literal notranslate"><span class="pre">LV_STYLE_BORDER_WIDTH</span> <span class="pre">|</span> <span class="pre">(LV_STATE_PRESSED</span> <span class="pre">&lt;&lt;</span> <span class="pre">LV_STYLE_STATE_POS)</span></code> </p></li>
<li><p><strong>value</strong> -- the value to set </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv430_lv_style_list_set_local_colorP15lv_style_list_t19lv_style_property_t10lv_color_t">
<span id="_CPPv330_lv_style_list_set_local_colorP15lv_style_list_t19lv_style_property_t10lv_color_t"></span><span id="_CPPv230_lv_style_list_set_local_colorP15lv_style_list_t19lv_style_property_t10lv_color_t"></span><span id="_lv_style_list_set_local_color__lv_style_list_tP.lv_style_property_t.lv_color_t"></span><span class="target" id="lv__style_8h_1a7624c3f4405a0c7f72c9ba2d70e8881a"></span><span class="pre">void</span> <code class="sig-name descname"><span class="pre">_lv_style_list_set_local_color</span></code><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv415lv_style_list_t" title="lv_style_list_t"><span class="pre">lv_style_list_t</span></a> <span class="pre">*</span><em><span class="pre">list</span></em>, <a class="reference internal" href="#_CPPv419lv_style_property_t" title="lv_style_property_t"><span class="pre">lv_style_property_t</span></a> <em><span class="pre">prop</span></em>, <span class="pre">lv_color_t</span> <em><span class="pre">value</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv430_lv_style_list_set_local_colorP15lv_style_list_t19lv_style_property_t10lv_color_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Set a local color typed property in a style list. </p>
<div class="admonition note">
<p class="admonition-title">Note</p>
<p>for performance reasons it's not checked if the property really has color type </p>
</div>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>list</strong> -- pointer to a style list where the local property should be set </p></li>
<li><p><strong>prop</strong> -- a style property ORed with a state. E.g. <code class="docutils literal notranslate"><span class="pre">LV_STYLE_BORDER_COLOR</span> <span class="pre">|</span> <span class="pre">(LV_STATE_PRESSED</span> <span class="pre">&lt;&lt;</span> <span class="pre">LV_STYLE_STATE_POS)</span></code> </p></li>
<li><p><strong>value</strong> -- the value to set </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv428_lv_style_list_set_local_opaP15lv_style_list_t19lv_style_property_t8lv_opa_t">
<span id="_CPPv328_lv_style_list_set_local_opaP15lv_style_list_t19lv_style_property_t8lv_opa_t"></span><span id="_CPPv228_lv_style_list_set_local_opaP15lv_style_list_t19lv_style_property_t8lv_opa_t"></span><span id="_lv_style_list_set_local_opa__lv_style_list_tP.lv_style_property_t.lv_opa_t"></span><span class="target" id="lv__style_8h_1a3dd716f22a19eac6beb6a5ddf242dbc1"></span><span class="pre">void</span> <code class="sig-name descname"><span class="pre">_lv_style_list_set_local_opa</span></code><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv415lv_style_list_t" title="lv_style_list_t"><span class="pre">lv_style_list_t</span></a> <span class="pre">*</span><em><span class="pre">list</span></em>, <a class="reference internal" href="#_CPPv419lv_style_property_t" title="lv_style_property_t"><span class="pre">lv_style_property_t</span></a> <em><span class="pre">prop</span></em>, <span class="pre">lv_opa_t</span> <em><span class="pre">value</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv428_lv_style_list_set_local_opaP15lv_style_list_t19lv_style_property_t8lv_opa_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Set a local opacity typed property in a style list. </p>
<div class="admonition note">
<p class="admonition-title">Note</p>
<p>for performance reasons it's not checked if the property really has opacity type </p>
</div>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>list</strong> -- pointer to a style list where the local property should be set </p></li>
<li><p><strong>prop</strong> -- a style property ORed with a state. E.g. <code class="docutils literal notranslate"><span class="pre">LV_STYLE_BORDER_OPA</span> <span class="pre">|</span> <span class="pre">(LV_STATE_PRESSED</span> <span class="pre">&lt;&lt;</span> <span class="pre">LV_STYLE_STATE_POS)</span></code> </p></li>
<li><p><strong>value</strong> -- the value to set </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv428_lv_style_list_set_local_ptrP15lv_style_list_t19lv_style_property_tPKv">
<span id="_CPPv328_lv_style_list_set_local_ptrP15lv_style_list_t19lv_style_property_tPKv"></span><span id="_CPPv228_lv_style_list_set_local_ptrP15lv_style_list_t19lv_style_property_tPKv"></span><span id="_lv_style_list_set_local_ptr__lv_style_list_tP.lv_style_property_t.voidCP"></span><span class="target" id="lv__style_8h_1a00d8ee3e0dc228276ac57fefdc6b80ad"></span><span class="pre">void</span> <code class="sig-name descname"><span class="pre">_lv_style_list_set_local_ptr</span></code><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv415lv_style_list_t" title="lv_style_list_t"><span class="pre">lv_style_list_t</span></a> <span class="pre">*</span><em><span class="pre">list</span></em>, <a class="reference internal" href="#_CPPv419lv_style_property_t" title="lv_style_property_t"><span class="pre">lv_style_property_t</span></a> <em><span class="pre">prop</span></em>, <em class="property"><span class="pre">const</span></em> <span class="pre">void</span> <span class="pre">*</span><em><span class="pre">value</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv428_lv_style_list_set_local_ptrP15lv_style_list_t19lv_style_property_tPKv" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Set a local pointer typed property in a style list. </p>
<div class="admonition note">
<p class="admonition-title">Note</p>
<p>for performance reasons it's not checked if the property really has pointer type </p>
</div>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>list</strong> -- pointer to a style list where the local property should be set </p></li>
<li><p><strong>prop</strong> -- a style property ORed with a state. E.g. <code class="docutils literal notranslate"><span class="pre">LV_STYLE_TEXT_FONT</span> <span class="pre">|</span> <span class="pre">(LV_STATE_PRESSED</span> <span class="pre">&lt;&lt;</span> <span class="pre">LV_STYLE_STATE_POS)</span></code> </p></li>
<li><p><strong>value</strong> -- the value to set </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv422_lv_style_list_get_intP15lv_style_list_t19lv_style_property_tP14lv_style_int_t">
<span id="_CPPv322_lv_style_list_get_intP15lv_style_list_t19lv_style_property_tP14lv_style_int_t"></span><span id="_CPPv222_lv_style_list_get_intP15lv_style_list_t19lv_style_property_tP14lv_style_int_t"></span><span id="_lv_style_list_get_int__lv_style_list_tP.lv_style_property_t.lv_style_int_tP"></span><span class="target" id="lv__style_8h_1a875baa4da7ab7158ec58afe7c67d0104"></span><span class="pre">lv_res_t</span> <code class="sig-name descname"><span class="pre">_lv_style_list_get_int</span></code><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv415lv_style_list_t" title="lv_style_list_t"><span class="pre">lv_style_list_t</span></a> <span class="pre">*</span><em><span class="pre">list</span></em>, <a class="reference internal" href="#_CPPv419lv_style_property_t" title="lv_style_property_t"><span class="pre">lv_style_property_t</span></a> <em><span class="pre">prop</span></em>, <a class="reference internal" href="#_CPPv414lv_style_int_t" title="lv_style_int_t"><span class="pre">lv_style_int_t</span></a> <span class="pre">*</span><em><span class="pre">res</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv422_lv_style_list_get_intP15lv_style_list_t19lv_style_property_tP14lv_style_int_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get an integer typed property from a style list. It will return the property which match best with given state. </p>
<div class="admonition note">
<p class="admonition-title">Note</p>
<p>for performance reasons it's not checked if the property really has integer type </p>
</div>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>list</strong> -- pointer to a style list from where the property should be get </p></li>
<li><p><strong>prop</strong> -- a style property ORed with a state. E.g. <code class="docutils literal notranslate"><span class="pre">LV_STYLE_BORDER_WIDTH</span> <span class="pre">|</span> <span class="pre">(LV_STATE_PRESSED</span> <span class="pre">&lt;&lt;</span> <span class="pre">LV_STYLE_STATE_POS)</span></code> </p></li>
<li><p><strong>res</strong> -- pointer to a buffer to store the result </p></li>
</ul>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>LV_RES_OK: there was a matching property in the list LV_RES_INV: there was NO matching property in the list </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv424_lv_style_list_get_colorP15lv_style_list_t19lv_style_property_tP10lv_color_t">
<span id="_CPPv324_lv_style_list_get_colorP15lv_style_list_t19lv_style_property_tP10lv_color_t"></span><span id="_CPPv224_lv_style_list_get_colorP15lv_style_list_t19lv_style_property_tP10lv_color_t"></span><span id="_lv_style_list_get_color__lv_style_list_tP.lv_style_property_t.lv_color_tP"></span><span class="target" id="lv__style_8h_1aa9d1709986b4af748d65f46810b3ae7a"></span><span class="pre">lv_res_t</span> <code class="sig-name descname"><span class="pre">_lv_style_list_get_color</span></code><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv415lv_style_list_t" title="lv_style_list_t"><span class="pre">lv_style_list_t</span></a> <span class="pre">*</span><em><span class="pre">list</span></em>, <a class="reference internal" href="#_CPPv419lv_style_property_t" title="lv_style_property_t"><span class="pre">lv_style_property_t</span></a> <em><span class="pre">prop</span></em>, <span class="pre">lv_color_t</span> <span class="pre">*</span><em><span class="pre">res</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv424_lv_style_list_get_colorP15lv_style_list_t19lv_style_property_tP10lv_color_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get a color typed property from a style list. It will return the property which match best with given state. </p>
<div class="admonition note">
<p class="admonition-title">Note</p>
<p>for performance reasons it's not checked if the property really has color type </p>
</div>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>list</strong> -- pointer to a style list from where the property should be get </p></li>
<li><p><strong>prop</strong> -- a style property ORed with a state. E.g. <code class="docutils literal notranslate"><span class="pre">LV_STYLE_BORDER_COLOR</span> <span class="pre">|</span> <span class="pre">(LV_STATE_PRESSED</span> <span class="pre">&lt;&lt;</span> <span class="pre">LV_STYLE_STATE_POS)</span></code> </p></li>
<li><p><strong>res</strong> -- pointer to a buffer to store the result </p></li>
</ul>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>LV_RES_OK: there was a matching property in the list LV_RES_INV: there was NO matching property in the list </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv422_lv_style_list_get_opaP15lv_style_list_t19lv_style_property_tP8lv_opa_t">
<span id="_CPPv322_lv_style_list_get_opaP15lv_style_list_t19lv_style_property_tP8lv_opa_t"></span><span id="_CPPv222_lv_style_list_get_opaP15lv_style_list_t19lv_style_property_tP8lv_opa_t"></span><span id="_lv_style_list_get_opa__lv_style_list_tP.lv_style_property_t.lv_opa_tP"></span><span class="target" id="lv__style_8h_1a6f527dd1e7cf0751466cffb5490a508b"></span><span class="pre">lv_res_t</span> <code class="sig-name descname"><span class="pre">_lv_style_list_get_opa</span></code><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv415lv_style_list_t" title="lv_style_list_t"><span class="pre">lv_style_list_t</span></a> <span class="pre">*</span><em><span class="pre">list</span></em>, <a class="reference internal" href="#_CPPv419lv_style_property_t" title="lv_style_property_t"><span class="pre">lv_style_property_t</span></a> <em><span class="pre">prop</span></em>, <span class="pre">lv_opa_t</span> <span class="pre">*</span><em><span class="pre">res</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv422_lv_style_list_get_opaP15lv_style_list_t19lv_style_property_tP8lv_opa_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get an opacity typed property from a style list. It will return the property which match best with given state. </p>
<div class="admonition note">
<p class="admonition-title">Note</p>
<p>for performance reasons it's not checked if the property really has opacity type </p>
</div>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>list</strong> -- pointer to a style list from where the property should be get </p></li>
<li><p><strong>prop</strong> -- a style property ORed with a state. E.g. <code class="docutils literal notranslate"><span class="pre">LV_STYLE_BORDER_OPA</span> <span class="pre">|</span> <span class="pre">(LV_STATE_PRESSED</span> <span class="pre">&lt;&lt;</span> <span class="pre">LV_STYLE_STATE_POS)</span></code> </p></li>
<li><p><strong>res</strong> -- pointer to a buffer to store the result </p></li>
</ul>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>LV_RES_OK: there was a matching property in the list LV_RES_INV: there was NO matching property in the list </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv422_lv_style_list_get_ptrP15lv_style_list_t19lv_style_property_tPPKv">
<span id="_CPPv322_lv_style_list_get_ptrP15lv_style_list_t19lv_style_property_tPPKv"></span><span id="_CPPv222_lv_style_list_get_ptrP15lv_style_list_t19lv_style_property_tPPKv"></span><span id="_lv_style_list_get_ptr__lv_style_list_tP.lv_style_property_t.voidCPP"></span><span class="target" id="lv__style_8h_1a1a106a69b7ab0f362c10924637784485"></span><span class="pre">lv_res_t</span> <code class="sig-name descname"><span class="pre">_lv_style_list_get_ptr</span></code><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv415lv_style_list_t" title="lv_style_list_t"><span class="pre">lv_style_list_t</span></a> <span class="pre">*</span><em><span class="pre">list</span></em>, <a class="reference internal" href="#_CPPv419lv_style_property_t" title="lv_style_property_t"><span class="pre">lv_style_property_t</span></a> <em><span class="pre">prop</span></em>, <em class="property"><span class="pre">const</span></em> <span class="pre">void</span> <span class="pre">*</span><span class="pre">*</span><em><span class="pre">res</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv422_lv_style_list_get_ptrP15lv_style_list_t19lv_style_property_tPPKv" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get a pointer typed property from a style list. It will return the property which match best with given state. </p>
<div class="admonition note">
<p class="admonition-title">Note</p>
<p>for performance reasons it's not checked if the property really has pointer type </p>
</div>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>list</strong> -- pointer to a style list from where the property should be get </p></li>
<li><p><strong>prop</strong> -- a style property ORed with a state. E.g. <code class="docutils literal notranslate"><span class="pre">LV_STYLE_TEXT_FONT</span> <span class="pre">|</span> <span class="pre">(LV_STATE_PRESSED</span> <span class="pre">&lt;&lt;</span> <span class="pre">LV_STYLE_STATE_POS)</span></code> </p></li>
<li><p><strong>res</strong> -- pointer to a buffer to store the result </p></li>
</ul>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>LV_RES_OK: there was a matching property in the list LV_RES_INV: there was NO matching property in the list </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv420lv_debug_check_stylePK10lv_style_t">
<span id="_CPPv320lv_debug_check_stylePK10lv_style_t"></span><span id="_CPPv220lv_debug_check_stylePK10lv_style_t"></span><span id="lv_debug_check_style__lv_style_tCP"></span><span class="target" id="lv__style_8h_1a6926e5f0346c67be8dc49417b566e200"></span><span class="pre">bool</span> <code class="sig-name descname"><span class="pre">lv_debug_check_style</span></code><span class="sig-paren">(</span><em class="property"><span class="pre">const</span></em> <a class="reference internal" href="#_CPPv410lv_style_t" title="lv_style_t"><span class="pre">lv_style_t</span></a> <span class="pre">*</span><em><span class="pre">style</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv420lv_debug_check_stylePK10lv_style_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Check whether a style is valid (initialized correctly) </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>style</strong> -- pointer to a style </p>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>true: valid </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv425lv_debug_check_style_listPK15lv_style_list_t">
<span id="_CPPv325lv_debug_check_style_listPK15lv_style_list_t"></span><span id="_CPPv225lv_debug_check_style_listPK15lv_style_list_t"></span><span id="lv_debug_check_style_list__lv_style_list_tCP"></span><span class="target" id="lv__style_8h_1a7e51c584b77ba5e654cd64652a3d7c6a"></span><span class="pre">bool</span> <code class="sig-name descname"><span class="pre">lv_debug_check_style_list</span></code><span class="sig-paren">(</span><em class="property"><span class="pre">const</span></em> <a class="reference internal" href="#_CPPv415lv_style_list_t" title="lv_style_list_t"><span class="pre">lv_style_list_t</span></a> <span class="pre">*</span><em><span class="pre">list</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv425lv_debug_check_style_listPK15lv_style_list_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Check whether a style list is valid (initialized correctly) </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>style</strong> -- pointer to a style </p>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>true: valid </p>
</dd>
</dl>
</dd></dl>

</div>
<dl class="cpp struct">
<dt id="_CPPv410lv_style_t">
<span id="_CPPv310lv_style_t"></span><span id="_CPPv210lv_style_t"></span><span id="lv_style_t"></span><span class="target" id="structlv__style__t"></span><em class="property"><span class="pre">struct</span> </em><code class="sig-name descname"><span class="pre">lv_style_t</span></code><a class="headerlink" href="#_CPPv410lv_style_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><div class="breathe-sectiondef docutils container">
<p class="breathe-sectiondef-title rubric" id="breathe-section-title-public-members">Public Members</p>
<dl class="cpp var">
<dt id="_CPPv4N10lv_style_t3mapE">
<span id="_CPPv3N10lv_style_t3mapE"></span><span id="_CPPv2N10lv_style_t3mapE"></span><span id="lv_style_t::map__uint8_tP"></span><span class="target" id="structlv__style__t_1a48076f8f7ef0a513662318a651e06ea6"></span><span class="pre">uint8_t</span> <span class="pre">*</span><code class="sig-name descname"><span class="pre">map</span></code><a class="headerlink" href="#_CPPv4N10lv_style_t3mapE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N10lv_style_t8sentinelE">
<span id="_CPPv3N10lv_style_t8sentinelE"></span><span id="_CPPv2N10lv_style_t8sentinelE"></span><span id="lv_style_t::sentinel__uint32_t"></span><span class="target" id="structlv__style__t_1a224f5df27e61983c7529532c829e5a47"></span><span class="pre">uint32_t</span> <code class="sig-name descname"><span class="pre">sentinel</span></code><a class="headerlink" href="#_CPPv4N10lv_style_t8sentinelE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

</div>
</dd></dl>

<dl class="cpp struct">
<dt id="_CPPv415lv_style_list_t">
<span id="_CPPv315lv_style_list_t"></span><span id="_CPPv215lv_style_list_t"></span><span id="lv_style_list_t"></span><span class="target" id="structlv__style__list__t"></span><em class="property"><span class="pre">struct</span> </em><code class="sig-name descname"><span class="pre">lv_style_list_t</span></code><a class="headerlink" href="#_CPPv415lv_style_list_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><div class="breathe-sectiondef docutils container">
<p class="breathe-sectiondef-title rubric" id="breathe-section-title-public-members">Public Members</p>
<dl class="cpp var">
<dt id="_CPPv4N15lv_style_list_t10style_listE">
<span id="_CPPv3N15lv_style_list_t10style_listE"></span><span id="_CPPv2N15lv_style_list_t10style_listE"></span><span id="lv_style_list_t::style_list__lv_style_tPP"></span><span class="target" id="structlv__style__list__t_1ae1b13b525bb2fe151a9f7c58e8e9d4f6"></span><a class="reference internal" href="#_CPPv410lv_style_t" title="lv_style_t"><span class="pre">lv_style_t</span></a> <span class="pre">*</span><span class="pre">*</span><code class="sig-name descname"><span class="pre">style_list</span></code><a class="headerlink" href="#_CPPv4N15lv_style_list_t10style_listE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N15lv_style_list_t8sentinelE">
<span id="_CPPv3N15lv_style_list_t8sentinelE"></span><span id="_CPPv2N15lv_style_list_t8sentinelE"></span><span id="lv_style_list_t::sentinel__uint32_t"></span><span class="target" id="structlv__style__list__t_1a0d21c1b7daddd4110e3f012956c38b1d"></span><span class="pre">uint32_t</span> <code class="sig-name descname"><span class="pre">sentinel</span></code><a class="headerlink" href="#_CPPv4N15lv_style_list_t8sentinelE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N15lv_style_list_t9style_cntE">
<span id="_CPPv3N15lv_style_list_t9style_cntE"></span><span id="_CPPv2N15lv_style_list_t9style_cntE"></span><span id="lv_style_list_t::style_cnt__uint32_t"></span><span class="target" id="structlv__style__list__t_1aaa8ca0365d065e8406326ecbd6f7525b"></span><span class="pre">uint32_t</span> <code class="sig-name descname"><span class="pre">style_cnt</span></code><a class="headerlink" href="#_CPPv4N15lv_style_list_t9style_cntE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N15lv_style_list_t9has_localE">
<span id="_CPPv3N15lv_style_list_t9has_localE"></span><span id="_CPPv2N15lv_style_list_t9has_localE"></span><span id="lv_style_list_t::has_local__uint32_t"></span><span class="target" id="structlv__style__list__t_1a0cc3fba36fec4ad4b23d2ce3815763cc"></span><span class="pre">uint32_t</span> <code class="sig-name descname"><span class="pre">has_local</span></code><a class="headerlink" href="#_CPPv4N15lv_style_list_t9has_localE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N15lv_style_list_t9has_transE">
<span id="_CPPv3N15lv_style_list_t9has_transE"></span><span id="_CPPv2N15lv_style_list_t9has_transE"></span><span id="lv_style_list_t::has_trans__uint32_t"></span><span class="target" id="structlv__style__list__t_1a845cec79aacaa49e5a90fdd09dcef123"></span><span class="pre">uint32_t</span> <code class="sig-name descname"><span class="pre">has_trans</span></code><a class="headerlink" href="#_CPPv4N15lv_style_list_t9has_transE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N15lv_style_list_t10skip_transE">
<span id="_CPPv3N15lv_style_list_t10skip_transE"></span><span id="_CPPv2N15lv_style_list_t10skip_transE"></span><span id="lv_style_list_t::skip_trans__uint32_t"></span><span class="target" id="structlv__style__list__t_1a3c9fb5ac257053c44c097072e4e7dd87"></span><span class="pre">uint32_t</span> <code class="sig-name descname"><span class="pre">skip_trans</span></code><a class="headerlink" href="#_CPPv4N15lv_style_list_t10skip_transE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N15lv_style_list_t12ignore_transE">
<span id="_CPPv3N15lv_style_list_t12ignore_transE"></span><span id="_CPPv2N15lv_style_list_t12ignore_transE"></span><span id="lv_style_list_t::ignore_trans__uint32_t"></span><span class="target" id="structlv__style__list__t_1ad56511dcb3bc78a2cbf0a53c51e7380f"></span><span class="pre">uint32_t</span> <code class="sig-name descname"><span class="pre">ignore_trans</span></code><a class="headerlink" href="#_CPPv4N15lv_style_list_t12ignore_transE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N15lv_style_list_t11valid_cacheE">
<span id="_CPPv3N15lv_style_list_t11valid_cacheE"></span><span id="_CPPv2N15lv_style_list_t11valid_cacheE"></span><span id="lv_style_list_t::valid_cache__uint32_t"></span><span class="target" id="structlv__style__list__t_1a06156d154895f0bd0ef176194e213e35"></span><span class="pre">uint32_t</span> <code class="sig-name descname"><span class="pre">valid_cache</span></code><a class="headerlink" href="#_CPPv4N15lv_style_list_t11valid_cacheE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N15lv_style_list_t12ignore_cacheE">
<span id="_CPPv3N15lv_style_list_t12ignore_cacheE"></span><span id="_CPPv2N15lv_style_list_t12ignore_cacheE"></span><span id="lv_style_list_t::ignore_cache__uint32_t"></span><span class="target" id="structlv__style__list__t_1a52f38b2e75504699130f2e6a4782e49e"></span><span class="pre">uint32_t</span> <code class="sig-name descname"><span class="pre">ignore_cache</span></code><a class="headerlink" href="#_CPPv4N15lv_style_list_t12ignore_cacheE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N15lv_style_list_t11radius_zeroE">
<span id="_CPPv3N15lv_style_list_t11radius_zeroE"></span><span id="_CPPv2N15lv_style_list_t11radius_zeroE"></span><span id="lv_style_list_t::radius_zero__uint32_t"></span><span class="target" id="structlv__style__list__t_1a72d57885bca740807ead728c641d837e"></span><span class="pre">uint32_t</span> <code class="sig-name descname"><span class="pre">radius_zero</span></code><a class="headerlink" href="#_CPPv4N15lv_style_list_t11radius_zeroE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N15lv_style_list_t15opa_scale_coverE">
<span id="_CPPv3N15lv_style_list_t15opa_scale_coverE"></span><span id="_CPPv2N15lv_style_list_t15opa_scale_coverE"></span><span id="lv_style_list_t::opa_scale_cover__uint32_t"></span><span class="target" id="structlv__style__list__t_1a145a747e69b4ba498fece20f81b2eb09"></span><span class="pre">uint32_t</span> <code class="sig-name descname"><span class="pre">opa_scale_cover</span></code><a class="headerlink" href="#_CPPv4N15lv_style_list_t15opa_scale_coverE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N15lv_style_list_t15clip_corner_offE">
<span id="_CPPv3N15lv_style_list_t15clip_corner_offE"></span><span id="_CPPv2N15lv_style_list_t15clip_corner_offE"></span><span id="lv_style_list_t::clip_corner_off__uint32_t"></span><span class="target" id="structlv__style__list__t_1a0cfc2275216d1907d92a5a4911e1a851"></span><span class="pre">uint32_t</span> <code class="sig-name descname"><span class="pre">clip_corner_off</span></code><a class="headerlink" href="#_CPPv4N15lv_style_list_t15clip_corner_offE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N15lv_style_list_t18transform_all_zeroE">
<span id="_CPPv3N15lv_style_list_t18transform_all_zeroE"></span><span id="_CPPv2N15lv_style_list_t18transform_all_zeroE"></span><span id="lv_style_list_t::transform_all_zero__uint32_t"></span><span class="target" id="structlv__style__list__t_1a11169e6832e7372247d7533b6583eab9"></span><span class="pre">uint32_t</span> <code class="sig-name descname"><span class="pre">transform_all_zero</span></code><a class="headerlink" href="#_CPPv4N15lv_style_list_t18transform_all_zeroE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N15lv_style_list_t12pad_all_zeroE">
<span id="_CPPv3N15lv_style_list_t12pad_all_zeroE"></span><span id="_CPPv2N15lv_style_list_t12pad_all_zeroE"></span><span id="lv_style_list_t::pad_all_zero__uint32_t"></span><span class="target" id="structlv__style__list__t_1a162fd0cda00143bacfdda9c6569e485b"></span><span class="pre">uint32_t</span> <code class="sig-name descname"><span class="pre">pad_all_zero</span></code><a class="headerlink" href="#_CPPv4N15lv_style_list_t12pad_all_zeroE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N15lv_style_list_t15margin_all_zeroE">
<span id="_CPPv3N15lv_style_list_t15margin_all_zeroE"></span><span id="_CPPv2N15lv_style_list_t15margin_all_zeroE"></span><span id="lv_style_list_t::margin_all_zero__uint32_t"></span><span class="target" id="structlv__style__list__t_1a5fad8e198a684e12dae5fedeadcc9c28"></span><span class="pre">uint32_t</span> <code class="sig-name descname"><span class="pre">margin_all_zero</span></code><a class="headerlink" href="#_CPPv4N15lv_style_list_t15margin_all_zeroE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N15lv_style_list_t21blend_mode_all_normalE">
<span id="_CPPv3N15lv_style_list_t21blend_mode_all_normalE"></span><span id="_CPPv2N15lv_style_list_t21blend_mode_all_normalE"></span><span id="lv_style_list_t::blend_mode_all_normal__uint32_t"></span><span class="target" id="structlv__style__list__t_1a98d8d5eb8e378cb7dbd9aaf51efce40a"></span><span class="pre">uint32_t</span> <code class="sig-name descname"><span class="pre">blend_mode_all_normal</span></code><a class="headerlink" href="#_CPPv4N15lv_style_list_t21blend_mode_all_normalE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N15lv_style_list_t13bg_opa_transpE">
<span id="_CPPv3N15lv_style_list_t13bg_opa_transpE"></span><span id="_CPPv2N15lv_style_list_t13bg_opa_transpE"></span><span id="lv_style_list_t::bg_opa_transp__uint32_t"></span><span class="target" id="structlv__style__list__t_1a5c910fb556151abff2c66ba460ae34d3"></span><span class="pre">uint32_t</span> <code class="sig-name descname"><span class="pre">bg_opa_transp</span></code><a class="headerlink" href="#_CPPv4N15lv_style_list_t13bg_opa_transpE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N15lv_style_list_t12bg_opa_coverE">
<span id="_CPPv3N15lv_style_list_t12bg_opa_coverE"></span><span id="_CPPv2N15lv_style_list_t12bg_opa_coverE"></span><span id="lv_style_list_t::bg_opa_cover__uint32_t"></span><span class="target" id="structlv__style__list__t_1aa3fc458c70f43f5fadad05f10caf9b15"></span><span class="pre">uint32_t</span> <code class="sig-name descname"><span class="pre">bg_opa_cover</span></code><a class="headerlink" href="#_CPPv4N15lv_style_list_t12bg_opa_coverE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N15lv_style_list_t17border_width_zeroE">
<span id="_CPPv3N15lv_style_list_t17border_width_zeroE"></span><span id="_CPPv2N15lv_style_list_t17border_width_zeroE"></span><span id="lv_style_list_t::border_width_zero__uint32_t"></span><span class="target" id="structlv__style__list__t_1a1160475ffe1b7db825d448bb82f6b101"></span><span class="pre">uint32_t</span> <code class="sig-name descname"><span class="pre">border_width_zero</span></code><a class="headerlink" href="#_CPPv4N15lv_style_list_t17border_width_zeroE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N15lv_style_list_t16border_side_fullE">
<span id="_CPPv3N15lv_style_list_t16border_side_fullE"></span><span id="_CPPv2N15lv_style_list_t16border_side_fullE"></span><span id="lv_style_list_t::border_side_full__uint32_t"></span><span class="target" id="structlv__style__list__t_1a53ae7881c63ad7b9ed2cb3d2e715563f"></span><span class="pre">uint32_t</span> <code class="sig-name descname"><span class="pre">border_side_full</span></code><a class="headerlink" href="#_CPPv4N15lv_style_list_t16border_side_fullE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N15lv_style_list_t15border_post_offE">
<span id="_CPPv3N15lv_style_list_t15border_post_offE"></span><span id="_CPPv2N15lv_style_list_t15border_post_offE"></span><span id="lv_style_list_t::border_post_off__uint32_t"></span><span class="target" id="structlv__style__list__t_1a62f10f60c3ad0ca85de0c065a48d3f18"></span><span class="pre">uint32_t</span> <code class="sig-name descname"><span class="pre">border_post_off</span></code><a class="headerlink" href="#_CPPv4N15lv_style_list_t15border_post_offE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N15lv_style_list_t18outline_width_zeroE">
<span id="_CPPv3N15lv_style_list_t18outline_width_zeroE"></span><span id="_CPPv2N15lv_style_list_t18outline_width_zeroE"></span><span id="lv_style_list_t::outline_width_zero__uint32_t"></span><span class="target" id="structlv__style__list__t_1a3ff32554006decc29a7fed28d98f5bc6"></span><span class="pre">uint32_t</span> <code class="sig-name descname"><span class="pre">outline_width_zero</span></code><a class="headerlink" href="#_CPPv4N15lv_style_list_t18outline_width_zeroE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N15lv_style_list_t16pattern_img_nullE">
<span id="_CPPv3N15lv_style_list_t16pattern_img_nullE"></span><span id="_CPPv2N15lv_style_list_t16pattern_img_nullE"></span><span id="lv_style_list_t::pattern_img_null__uint32_t"></span><span class="target" id="structlv__style__list__t_1aa7c0fe8acfaa9efaadd22bbe2dffa9f1"></span><span class="pre">uint32_t</span> <code class="sig-name descname"><span class="pre">pattern_img_null</span></code><a class="headerlink" href="#_CPPv4N15lv_style_list_t16pattern_img_nullE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N15lv_style_list_t17shadow_width_zeroE">
<span id="_CPPv3N15lv_style_list_t17shadow_width_zeroE"></span><span id="_CPPv2N15lv_style_list_t17shadow_width_zeroE"></span><span id="lv_style_list_t::shadow_width_zero__uint32_t"></span><span class="target" id="structlv__style__list__t_1a3f3cd0376697ef362cb266001f27307f"></span><span class="pre">uint32_t</span> <code class="sig-name descname"><span class="pre">shadow_width_zero</span></code><a class="headerlink" href="#_CPPv4N15lv_style_list_t17shadow_width_zeroE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N15lv_style_list_t13value_txt_strE">
<span id="_CPPv3N15lv_style_list_t13value_txt_strE"></span><span id="_CPPv2N15lv_style_list_t13value_txt_strE"></span><span id="lv_style_list_t::value_txt_str__uint32_t"></span><span class="target" id="structlv__style__list__t_1ae5b5dafba4ead15e7790d8fd8ef4b495"></span><span class="pre">uint32_t</span> <code class="sig-name descname"><span class="pre">value_txt_str</span></code><a class="headerlink" href="#_CPPv4N15lv_style_list_t13value_txt_strE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N15lv_style_list_t22img_recolor_opa_transpE">
<span id="_CPPv3N15lv_style_list_t22img_recolor_opa_transpE"></span><span id="_CPPv2N15lv_style_list_t22img_recolor_opa_transpE"></span><span id="lv_style_list_t::img_recolor_opa_transp__uint32_t"></span><span class="target" id="structlv__style__list__t_1a3355a0ec7080732b0cceeeba0ef0b43d"></span><span class="pre">uint32_t</span> <code class="sig-name descname"><span class="pre">img_recolor_opa_transp</span></code><a class="headerlink" href="#_CPPv4N15lv_style_list_t22img_recolor_opa_transpE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N15lv_style_list_t15text_space_zeroE">
<span id="_CPPv3N15lv_style_list_t15text_space_zeroE"></span><span id="_CPPv2N15lv_style_list_t15text_space_zeroE"></span><span id="lv_style_list_t::text_space_zero__uint32_t"></span><span class="target" id="structlv__style__list__t_1a2b617c70c65873f2f278445c2d62013a"></span><span class="pre">uint32_t</span> <code class="sig-name descname"><span class="pre">text_space_zero</span></code><a class="headerlink" href="#_CPPv4N15lv_style_list_t15text_space_zeroE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N15lv_style_list_t15text_decor_noneE">
<span id="_CPPv3N15lv_style_list_t15text_decor_noneE"></span><span id="_CPPv2N15lv_style_list_t15text_decor_noneE"></span><span id="lv_style_list_t::text_decor_none__uint32_t"></span><span class="target" id="structlv__style__list__t_1a34f7732a48fd706f91689996ce4fddb0"></span><span class="pre">uint32_t</span> <code class="sig-name descname"><span class="pre">text_decor_none</span></code><a class="headerlink" href="#_CPPv4N15lv_style_list_t15text_decor_noneE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N15lv_style_list_t16text_font_normalE">
<span id="_CPPv3N15lv_style_list_t16text_font_normalE"></span><span id="_CPPv2N15lv_style_list_t16text_font_normalE"></span><span id="lv_style_list_t::text_font_normal__uint32_t"></span><span class="target" id="structlv__style__list__t_1a3c168b1fc950039042d6d93235040aea"></span><span class="pre">uint32_t</span> <code class="sig-name descname"><span class="pre">text_font_normal</span></code><a class="headerlink" href="#_CPPv4N15lv_style_list_t16text_font_normalE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

</div>
</dd></dl>

<div class="breathe-sectiondef docutils container">
<p class="breathe-sectiondef-title rubric" id="breathe-section-title-typedefs">Typedefs</p>
<dl class="cpp type">
<dt id="_CPPv419lv_theme_apply_cb_t">
<span id="_CPPv319lv_theme_apply_cb_t"></span><span id="_CPPv219lv_theme_apply_cb_t"></span><span id="lv_theme_apply_cb_t"></span><span class="target" id="lv__theme_8h_1a4cc47d4f42898c222908bcba34815278"></span><em class="property"><span class="pre">typedef</span> </em><span class="pre">void</span> <span class="pre">(</span><span class="pre">*</span><code class="sig-name descname"><span class="pre">lv_theme_apply_cb_t</span></code><span class="pre">)</span><span class="sig-paren">(</span><em class="property"><span class="pre">struct</span></em> <a class="reference internal" href="#_CPPv411_lv_theme_t" title="_lv_theme_t"><span class="pre">_lv_theme_t</span></a><span class="pre">*</span>, <a class="reference internal" href="../widgets/obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="pre">lv_obj_t</span></a><span class="pre">*</span>, <a class="reference internal" href="#_CPPv416lv_theme_style_t" title="lv_theme_style_t"><span class="pre">lv_theme_style_t</span></a><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv419lv_theme_apply_cb_t" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp type">
<dt id="_CPPv420lv_theme_apply_xcb_t">
<span id="_CPPv320lv_theme_apply_xcb_t"></span><span id="_CPPv220lv_theme_apply_xcb_t"></span><span id="lv_theme_apply_xcb_t"></span><span class="target" id="lv__theme_8h_1a5af80be7ef40141f75dad33b81931459"></span><em class="property"><span class="pre">typedef</span> </em><span class="pre">void</span> <span class="pre">(</span><span class="pre">*</span><code class="sig-name descname"><span class="pre">lv_theme_apply_xcb_t</span></code><span class="pre">)</span><span class="sig-paren">(</span><a class="reference internal" href="../widgets/obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="pre">lv_obj_t</span></a><span class="pre">*</span>, <a class="reference internal" href="#_CPPv416lv_theme_style_t" title="lv_theme_style_t"><span class="pre">lv_theme_style_t</span></a><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv420lv_theme_apply_xcb_t" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp type">
<dt id="_CPPv410lv_theme_t">
<span id="_CPPv310lv_theme_t"></span><span id="_CPPv210lv_theme_t"></span><span id="lv_theme_t"></span><span class="target" id="lv__theme_8h_1acf6926fbe1adf67172356fd6b344f093"></span><em class="property"><span class="pre">typedef</span> </em><em class="property"><span class="pre">struct</span></em> <a class="reference internal" href="#_CPPv411_lv_theme_t" title="_lv_theme_t"><span class="pre">_lv_theme_t</span></a> <code class="sig-name descname"><span class="pre">lv_theme_t</span></code><a class="headerlink" href="#_CPPv410lv_theme_t" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

</div>
<div class="breathe-sectiondef docutils container">
<p class="breathe-sectiondef-title rubric" id="breathe-section-title-enums">Enums</p>
<dl class="cpp enum">
<dt id="_CPPv416lv_theme_style_t">
<span id="_CPPv316lv_theme_style_t"></span><span id="_CPPv216lv_theme_style_t"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238"></span><em class="property"><span class="pre">enum</span> </em><code class="sig-name descname"><span class="pre">lv_theme_style_t</span></code><a class="headerlink" href="#_CPPv416lv_theme_style_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>A theme in LVGL consists of many styles bound together.</p>
<p>There is a style for each object type, as well as a generic style for backgrounds and panels. </p>
<p><em>Values:</em></p>
<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t13LV_THEME_NONEE">
<span id="_CPPv3N16lv_theme_style_t13LV_THEME_NONEE"></span><span id="_CPPv2N16lv_theme_style_t13LV_THEME_NONEE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238aa760f65ff5b02eed3ae6ebfddacb400c"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_NONE</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t13LV_THEME_NONEE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t12LV_THEME_SCRE">
<span id="_CPPv3N16lv_theme_style_t12LV_THEME_SCRE"></span><span id="_CPPv2N16lv_theme_style_t12LV_THEME_SCRE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238a41bdc25abd0d9879e5e509c7aff87917"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_SCR</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t12LV_THEME_SCRE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t12LV_THEME_OBJE">
<span id="_CPPv3N16lv_theme_style_t12LV_THEME_OBJE"></span><span id="_CPPv2N16lv_theme_style_t12LV_THEME_OBJE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238a14751f373c5382aca82fd619dbc7479c"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_OBJ</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t12LV_THEME_OBJE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t12LV_THEME_ARCE">
<span id="_CPPv3N16lv_theme_style_t12LV_THEME_ARCE"></span><span id="_CPPv2N16lv_theme_style_t12LV_THEME_ARCE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238ab506e0b8b7fae39e56563def18a82d75"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_ARC</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t12LV_THEME_ARCE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t12LV_THEME_BARE">
<span id="_CPPv3N16lv_theme_style_t12LV_THEME_BARE"></span><span id="_CPPv2N16lv_theme_style_t12LV_THEME_BARE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238a54bcdadb780468cf523151ee0af2c06e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_BAR</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t12LV_THEME_BARE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t12LV_THEME_BTNE">
<span id="_CPPv3N16lv_theme_style_t12LV_THEME_BTNE"></span><span id="_CPPv2N16lv_theme_style_t12LV_THEME_BTNE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238ac4a3d6ba2113fa3c9d97874744c059ea"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_BTN</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t12LV_THEME_BTNE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t18LV_THEME_BTNMATRIXE">
<span id="_CPPv3N16lv_theme_style_t18LV_THEME_BTNMATRIXE"></span><span id="_CPPv2N16lv_theme_style_t18LV_THEME_BTNMATRIXE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238a9d9b2adba0147fb2bb0c5b10bbe01cd2"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_BTNMATRIX</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t18LV_THEME_BTNMATRIXE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t17LV_THEME_CALENDARE">
<span id="_CPPv3N16lv_theme_style_t17LV_THEME_CALENDARE"></span><span id="_CPPv2N16lv_theme_style_t17LV_THEME_CALENDARE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238a7de6d65f09a2d8cc0d9664671f6c42c2"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_CALENDAR</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t17LV_THEME_CALENDARE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t15LV_THEME_CANVASE">
<span id="_CPPv3N16lv_theme_style_t15LV_THEME_CANVASE"></span><span id="_CPPv2N16lv_theme_style_t15LV_THEME_CANVASE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238abeb81d73dd14703069efe2d16d686b99"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_CANVAS</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t15LV_THEME_CANVASE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t17LV_THEME_CHECKBOXE">
<span id="_CPPv3N16lv_theme_style_t17LV_THEME_CHECKBOXE"></span><span id="_CPPv2N16lv_theme_style_t17LV_THEME_CHECKBOXE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238a8b74ade061e6a1e43b60d201b3951a33"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_CHECKBOX</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t17LV_THEME_CHECKBOXE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t14LV_THEME_CHARTE">
<span id="_CPPv3N16lv_theme_style_t14LV_THEME_CHARTE"></span><span id="_CPPv2N16lv_theme_style_t14LV_THEME_CHARTE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238a19f11cde266b76ee5372c40698407e55"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_CHART</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t14LV_THEME_CHARTE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t13LV_THEME_CONTE">
<span id="_CPPv3N16lv_theme_style_t13LV_THEME_CONTE"></span><span id="_CPPv2N16lv_theme_style_t13LV_THEME_CONTE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238a5f2cc68a21feb43aa0ac83057d39d917"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_CONT</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t13LV_THEME_CONTE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t16LV_THEME_CPICKERE">
<span id="_CPPv3N16lv_theme_style_t16LV_THEME_CPICKERE"></span><span id="_CPPv2N16lv_theme_style_t16LV_THEME_CPICKERE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238a90215806f5a67ae40621da8871f303d9"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_CPICKER</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t16LV_THEME_CPICKERE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t17LV_THEME_DROPDOWNE">
<span id="_CPPv3N16lv_theme_style_t17LV_THEME_DROPDOWNE"></span><span id="_CPPv2N16lv_theme_style_t17LV_THEME_DROPDOWNE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238af7c9e49efd7dd0d29be2177b16a8dc4e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_DROPDOWN</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t17LV_THEME_DROPDOWNE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t14LV_THEME_GAUGEE">
<span id="_CPPv3N16lv_theme_style_t14LV_THEME_GAUGEE"></span><span id="_CPPv2N16lv_theme_style_t14LV_THEME_GAUGEE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238a35797ea37e7a9b21ca8c1dfe403ef7a3"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_GAUGE</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t14LV_THEME_GAUGEE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t14LV_THEME_IMAGEE">
<span id="_CPPv3N16lv_theme_style_t14LV_THEME_IMAGEE"></span><span id="_CPPv2N16lv_theme_style_t14LV_THEME_IMAGEE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238a7b1b73dfca553616af88956621e82fce"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_IMAGE</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t14LV_THEME_IMAGEE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t15LV_THEME_IMGBTNE">
<span id="_CPPv3N16lv_theme_style_t15LV_THEME_IMGBTNE"></span><span id="_CPPv2N16lv_theme_style_t15LV_THEME_IMGBTNE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238a5ba827569504950c1d67f6d509f4610f"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_IMGBTN</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t15LV_THEME_IMGBTNE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t17LV_THEME_KEYBOARDE">
<span id="_CPPv3N16lv_theme_style_t17LV_THEME_KEYBOARDE"></span><span id="_CPPv2N16lv_theme_style_t17LV_THEME_KEYBOARDE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238a19133dd32f922249c628422f80fac237"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_KEYBOARD</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t17LV_THEME_KEYBOARDE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t14LV_THEME_LABELE">
<span id="_CPPv3N16lv_theme_style_t14LV_THEME_LABELE"></span><span id="_CPPv2N16lv_theme_style_t14LV_THEME_LABELE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238a5847db66394d7c5cc5c9a1537c2b9f8b"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_LABEL</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t14LV_THEME_LABELE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t12LV_THEME_LEDE">
<span id="_CPPv3N16lv_theme_style_t12LV_THEME_LEDE"></span><span id="_CPPv2N16lv_theme_style_t12LV_THEME_LEDE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238ae606739b3dd3f1b96245dd0643b98186"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_LED</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t12LV_THEME_LEDE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t13LV_THEME_LINEE">
<span id="_CPPv3N16lv_theme_style_t13LV_THEME_LINEE"></span><span id="_CPPv2N16lv_theme_style_t13LV_THEME_LINEE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238ae7f261310ea439218483ff30454cc9fb"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_LINE</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t13LV_THEME_LINEE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t13LV_THEME_LISTE">
<span id="_CPPv3N16lv_theme_style_t13LV_THEME_LISTE"></span><span id="_CPPv2N16lv_theme_style_t13LV_THEME_LISTE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238a330f03114bd9a0497cfeecd34b847fe7"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_LIST</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t13LV_THEME_LISTE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t17LV_THEME_LIST_BTNE">
<span id="_CPPv3N16lv_theme_style_t17LV_THEME_LIST_BTNE"></span><span id="_CPPv2N16lv_theme_style_t17LV_THEME_LIST_BTNE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238a1c1fd1c718d4feec8c1230cde80f962d"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_LIST_BTN</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t17LV_THEME_LIST_BTNE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t18LV_THEME_LINEMETERE">
<span id="_CPPv3N16lv_theme_style_t18LV_THEME_LINEMETERE"></span><span id="_CPPv2N16lv_theme_style_t18LV_THEME_LINEMETERE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238aa020963ed905d73a1ad5116454b0514b"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_LINEMETER</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t18LV_THEME_LINEMETERE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t15LV_THEME_MSGBOXE">
<span id="_CPPv3N16lv_theme_style_t15LV_THEME_MSGBOXE"></span><span id="_CPPv2N16lv_theme_style_t15LV_THEME_MSGBOXE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238adf8d3ba7818113983b94849e46c044f4"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_MSGBOX</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t15LV_THEME_MSGBOXE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t20LV_THEME_MSGBOX_BTNSE">
<span id="_CPPv3N16lv_theme_style_t20LV_THEME_MSGBOX_BTNSE"></span><span id="_CPPv2N16lv_theme_style_t20LV_THEME_MSGBOX_BTNSE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238ae18c5358f3e29a2c17cae0c8c3002617"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_MSGBOX_BTNS</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t20LV_THEME_MSGBOX_BTNSE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t16LV_THEME_OBJMASKE">
<span id="_CPPv3N16lv_theme_style_t16LV_THEME_OBJMASKE"></span><span id="_CPPv2N16lv_theme_style_t16LV_THEME_OBJMASKE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238a7f5780b36b50f31756a2850964062ee2"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_OBJMASK</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t16LV_THEME_OBJMASKE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t13LV_THEME_PAGEE">
<span id="_CPPv3N16lv_theme_style_t13LV_THEME_PAGEE"></span><span id="_CPPv2N16lv_theme_style_t13LV_THEME_PAGEE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238acd0d648ed3cf7e0b63f2a1fd1e187ca7"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_PAGE</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t13LV_THEME_PAGEE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t15LV_THEME_ROLLERE">
<span id="_CPPv3N16lv_theme_style_t15LV_THEME_ROLLERE"></span><span id="_CPPv2N16lv_theme_style_t15LV_THEME_ROLLERE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238afce67d42d0590cab32ef5a7f24905be3"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_ROLLER</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t15LV_THEME_ROLLERE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t15LV_THEME_SLIDERE">
<span id="_CPPv3N16lv_theme_style_t15LV_THEME_SLIDERE"></span><span id="_CPPv2N16lv_theme_style_t15LV_THEME_SLIDERE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238a4886f54ec7b88c4eee31f82004b60755"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_SLIDER</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t15LV_THEME_SLIDERE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t16LV_THEME_SPINBOXE">
<span id="_CPPv3N16lv_theme_style_t16LV_THEME_SPINBOXE"></span><span id="_CPPv2N16lv_theme_style_t16LV_THEME_SPINBOXE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238a4f53365fed2f69f8d5c02fd4ab5d4e32"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_SPINBOX</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t16LV_THEME_SPINBOXE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t20LV_THEME_SPINBOX_BTNE">
<span id="_CPPv3N16lv_theme_style_t20LV_THEME_SPINBOX_BTNE"></span><span id="_CPPv2N16lv_theme_style_t20LV_THEME_SPINBOX_BTNE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238aa977313844c0dff45922bbf5fcaede54"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_SPINBOX_BTN</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t20LV_THEME_SPINBOX_BTNE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t16LV_THEME_SPINNERE">
<span id="_CPPv3N16lv_theme_style_t16LV_THEME_SPINNERE"></span><span id="_CPPv2N16lv_theme_style_t16LV_THEME_SPINNERE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238aa1d5f53db000c9b1eb56ce4af2db8140"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_SPINNER</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t16LV_THEME_SPINNERE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t15LV_THEME_SWITCHE">
<span id="_CPPv3N16lv_theme_style_t15LV_THEME_SWITCHE"></span><span id="_CPPv2N16lv_theme_style_t15LV_THEME_SWITCHE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238afebcbecdd5925869171ea3b614b0e349"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_SWITCH</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t15LV_THEME_SWITCHE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t14LV_THEME_TABLEE">
<span id="_CPPv3N16lv_theme_style_t14LV_THEME_TABLEE"></span><span id="_CPPv2N16lv_theme_style_t14LV_THEME_TABLEE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238a480f219df606b1443e2f8384c356b9d1"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_TABLE</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t14LV_THEME_TABLEE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t16LV_THEME_TABVIEWE">
<span id="_CPPv3N16lv_theme_style_t16LV_THEME_TABVIEWE"></span><span id="_CPPv2N16lv_theme_style_t16LV_THEME_TABVIEWE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238a550ef2dff2a33ecc4909b446becb91e1"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_TABVIEW</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t16LV_THEME_TABVIEWE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t21LV_THEME_TABVIEW_PAGEE">
<span id="_CPPv3N16lv_theme_style_t21LV_THEME_TABVIEW_PAGEE"></span><span id="_CPPv2N16lv_theme_style_t21LV_THEME_TABVIEW_PAGEE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238ab50a62bba353f8f9409fd44c8c76fe3e"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_TABVIEW_PAGE</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t21LV_THEME_TABVIEW_PAGEE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t17LV_THEME_TEXTAREAE">
<span id="_CPPv3N16lv_theme_style_t17LV_THEME_TEXTAREAE"></span><span id="_CPPv2N16lv_theme_style_t17LV_THEME_TEXTAREAE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238ad6a6dd630bf88b9bcbcb045029429ed4"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_TEXTAREA</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t17LV_THEME_TEXTAREAE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t17LV_THEME_TILEVIEWE">
<span id="_CPPv3N16lv_theme_style_t17LV_THEME_TILEVIEWE"></span><span id="_CPPv2N16lv_theme_style_t17LV_THEME_TILEVIEWE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238a737adee2077e518c1e836255b2a59534"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_TILEVIEW</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t17LV_THEME_TILEVIEWE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t12LV_THEME_WINE">
<span id="_CPPv3N16lv_theme_style_t12LV_THEME_WINE"></span><span id="_CPPv2N16lv_theme_style_t12LV_THEME_WINE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238af367a14489de227247c64660860dc89b"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_WIN</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t12LV_THEME_WINE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t16LV_THEME_WIN_BTNE">
<span id="_CPPv3N16lv_theme_style_t16LV_THEME_WIN_BTNE"></span><span id="_CPPv2N16lv_theme_style_t16LV_THEME_WIN_BTNE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238aec9ad8acc4485df160be4dde6ae7df82"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_WIN_BTN</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t16LV_THEME_WIN_BTNE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t22_LV_THEME_BUILTIN_LASTE">
<span id="_CPPv3N16lv_theme_style_t22_LV_THEME_BUILTIN_LASTE"></span><span id="_CPPv2N16lv_theme_style_t22_LV_THEME_BUILTIN_LASTE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238a901dfbf2650202f246f8abc787fdea60"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">_LV_THEME_BUILTIN_LAST</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t22_LV_THEME_BUILTIN_LASTE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t21LV_THEME_CUSTOM_STARTE">
<span id="_CPPv3N16lv_theme_style_t21LV_THEME_CUSTOM_STARTE"></span><span id="_CPPv2N16lv_theme_style_t21LV_THEME_CUSTOM_STARTE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238a832b3aa00aeea3b5cf72cda6fa0308c2"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">LV_THEME_CUSTOM_START</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t21LV_THEME_CUSTOM_STARTE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4N16lv_theme_style_t21_LV_THEME_CUSTOM_LASTE">
<span id="_CPPv3N16lv_theme_style_t21_LV_THEME_CUSTOM_LASTE"></span><span id="_CPPv2N16lv_theme_style_t21_LV_THEME_CUSTOM_LASTE"></span><span class="target" id="lv__theme_8h_1a0d25dfcbb0a9a2ccb0a81ea92b68c238af24b97ca57dc55e84683722b3ed392dc"></span><em class="property"><span class="pre">enumerator</span> </em><code class="sig-name descname"><span class="pre">_LV_THEME_CUSTOM_LAST</span></code><a class="headerlink" href="#_CPPv4N16lv_theme_style_t21_LV_THEME_CUSTOM_LASTE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

</dd></dl>

</div>
<div class="breathe-sectiondef docutils container">
<p class="breathe-sectiondef-title rubric" id="breathe-section-title-functions">Functions</p>
<dl class="cpp function">
<dt id="_CPPv416lv_theme_set_actP10lv_theme_t">
<span id="_CPPv316lv_theme_set_actP10lv_theme_t"></span><span id="_CPPv216lv_theme_set_actP10lv_theme_t"></span><span id="lv_theme_set_act__lv_theme_tP"></span><span class="target" id="lv__theme_8h_1a5a381d0d653de153e2be4feabcee5f27"></span><span class="pre">void</span> <code class="sig-name descname"><span class="pre">lv_theme_set_act</span></code><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv410lv_theme_t" title="lv_theme_t"><span class="pre">lv_theme_t</span></a> <span class="pre">*</span><em><span class="pre">th</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv416lv_theme_set_actP10lv_theme_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Set a theme for the system. From now, all the created objects will use styles from this theme by default </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>th</strong> -- pointer to theme (return value of: 'lv_theme_init_xxx()') </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv416lv_theme_get_actv">
<span id="_CPPv316lv_theme_get_actv"></span><span id="_CPPv216lv_theme_get_actv"></span><span id="lv_theme_get_act__void"></span><span class="target" id="lv__theme_8h_1aa9a9a106e3fe4b059b95cd8fc37c224e"></span><a class="reference internal" href="#_CPPv410lv_theme_t" title="lv_theme_t"><span class="pre">lv_theme_t</span></a> <span class="pre">*</span><code class="sig-name descname"><span class="pre">lv_theme_get_act</span></code><span class="sig-paren">(</span><span class="pre">void</span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv416lv_theme_get_actv" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get the current system theme. </p>
<dl class="field-list simple">
<dt class="field-odd">Returns</dt>
<dd class="field-odd"><p>pointer to the current system theme. NULL if not set. </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv414lv_theme_applyP8lv_obj_t16lv_theme_style_t">
<span id="_CPPv314lv_theme_applyP8lv_obj_t16lv_theme_style_t"></span><span id="_CPPv214lv_theme_applyP8lv_obj_t16lv_theme_style_t"></span><span id="lv_theme_apply__lv_obj_tP.lv_theme_style_t"></span><span class="target" id="lv__theme_8h_1a2947e45b96ebfafa77de0a95266c803b"></span><span class="pre">void</span> <code class="sig-name descname"><span class="pre">lv_theme_apply</span></code><span class="sig-paren">(</span><a class="reference internal" href="../widgets/obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="pre">lv_obj_t</span></a> <span class="pre">*</span><em><span class="pre">obj</span></em>, <a class="reference internal" href="#_CPPv416lv_theme_style_t" title="lv_theme_style_t"><span class="pre">lv_theme_style_t</span></a> <em><span class="pre">name</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv414lv_theme_applyP8lv_obj_t16lv_theme_style_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Apply the active theme on an object </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>obj</strong> -- pointer to an object </p></li>
<li><p><strong>name</strong> -- the name of the theme element to apply. E.g. <code class="docutils literal notranslate"><span class="pre">LV_THEME_BTN</span></code> </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv413lv_theme_copyP10lv_theme_tPK10lv_theme_t">
<span id="_CPPv313lv_theme_copyP10lv_theme_tPK10lv_theme_t"></span><span id="_CPPv213lv_theme_copyP10lv_theme_tPK10lv_theme_t"></span><span id="lv_theme_copy__lv_theme_tP.lv_theme_tCP"></span><span class="target" id="lv__theme_8h_1af28ae5bb1b60151bc21d0bebac85ba26"></span><span class="pre">void</span> <code class="sig-name descname"><span class="pre">lv_theme_copy</span></code><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv410lv_theme_t" title="lv_theme_t"><span class="pre">lv_theme_t</span></a> <span class="pre">*</span><em><span class="pre">theme</span></em>, <em class="property"><span class="pre">const</span></em> <a class="reference internal" href="#_CPPv410lv_theme_t" title="lv_theme_t"><span class="pre">lv_theme_t</span></a> <span class="pre">*</span><em><span class="pre">copy</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv413lv_theme_copyP10lv_theme_tPK10lv_theme_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Copy a theme to an other or initialize a theme </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>theme</strong> -- pointer to a theme to initialize </p></li>
<li><p><strong>copy</strong> -- pointer to a theme to copy or <code class="docutils literal notranslate"><span class="pre">NULL</span></code> to initialize <code class="docutils literal notranslate"><span class="pre">theme</span></code> to empty </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv417lv_theme_set_baseP10lv_theme_tP10lv_theme_t">
<span id="_CPPv317lv_theme_set_baseP10lv_theme_tP10lv_theme_t"></span><span id="_CPPv217lv_theme_set_baseP10lv_theme_tP10lv_theme_t"></span><span id="lv_theme_set_base__lv_theme_tP.lv_theme_tP"></span><span class="target" id="lv__theme_8h_1a6c65e64fdb0e5b89d8f1f13ddfd9e45d"></span><span class="pre">void</span> <code class="sig-name descname"><span class="pre">lv_theme_set_base</span></code><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv410lv_theme_t" title="lv_theme_t"><span class="pre">lv_theme_t</span></a> <span class="pre">*</span><em><span class="pre">new_theme</span></em>, <a class="reference internal" href="#_CPPv410lv_theme_t" title="lv_theme_t"><span class="pre">lv_theme_t</span></a> <span class="pre">*</span><em><span class="pre">base</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv417lv_theme_set_baseP10lv_theme_tP10lv_theme_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Set a base theme for a theme. The styles from the base them will be added before the styles of the current theme. Arbitrary long chain of themes can be created by setting base themes. </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>new_theme</strong> -- pointer to theme which base should be set </p></li>
<li><p><strong>base</strong> -- pointer to the base theme </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv421lv_theme_set_apply_cbP10lv_theme_t19lv_theme_apply_cb_t">
<span id="_CPPv321lv_theme_set_apply_cbP10lv_theme_t19lv_theme_apply_cb_t"></span><span id="_CPPv221lv_theme_set_apply_cbP10lv_theme_t19lv_theme_apply_cb_t"></span><span id="lv_theme_set_apply_cb__lv_theme_tP.lv_theme_apply_cb_t"></span><span class="target" id="lv__theme_8h_1a519b48f3d3453b8087d09f706bd6bef1"></span><span class="pre">void</span> <code class="sig-name descname"><span class="pre">lv_theme_set_apply_cb</span></code><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv410lv_theme_t" title="lv_theme_t"><span class="pre">lv_theme_t</span></a> <span class="pre">*</span><em><span class="pre">theme</span></em>, <a class="reference internal" href="#_CPPv419lv_theme_apply_cb_t" title="lv_theme_apply_cb_t"><span class="pre">lv_theme_apply_cb_t</span></a> <em><span class="pre">apply_cb</span></em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv421lv_theme_set_apply_cbP10lv_theme_t19lv_theme_apply_cb_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Set an apply callback for a theme. The apply callback is used to add styles to different objects </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>theme</strong> -- pointer to theme which callback should be set </p></li>
<li><p><strong>apply_cb</strong> -- pointer to the callback </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv423lv_theme_get_font_smallv">
<span id="_CPPv323lv_theme_get_font_smallv"></span><span id="_CPPv223lv_theme_get_font_smallv"></span><span id="lv_theme_get_font_small__void"></span><span class="target" id="lv__theme_8h_1ac1693565abb1525f98553063f059fbb8"></span><em class="property"><span class="pre">const</span></em> <span class="pre">lv_font_t</span> <span class="pre">*</span><code class="sig-name descname"><span class="pre">lv_theme_get_font_small</span></code><span class="sig-paren">(</span><span class="pre">void</span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv423lv_theme_get_font_smallv" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get the small font of the theme </p>
<dl class="field-list simple">
<dt class="field-odd">Returns</dt>
<dd class="field-odd"><p>pointer to the font </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv424lv_theme_get_font_normalv">
<span id="_CPPv324lv_theme_get_font_normalv"></span><span id="_CPPv224lv_theme_get_font_normalv"></span><span id="lv_theme_get_font_normal__void"></span><span class="target" id="lv__theme_8h_1a756132bf2c3ae49789bc19363452068f"></span><em class="property"><span class="pre">const</span></em> <span class="pre">lv_font_t</span> <span class="pre">*</span><code class="sig-name descname"><span class="pre">lv_theme_get_font_normal</span></code><span class="sig-paren">(</span><span class="pre">void</span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv424lv_theme_get_font_normalv" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get the normal font of the theme </p>
<dl class="field-list simple">
<dt class="field-odd">Returns</dt>
<dd class="field-odd"><p>pointer to the font </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv426lv_theme_get_font_subtitlev">
<span id="_CPPv326lv_theme_get_font_subtitlev"></span><span id="_CPPv226lv_theme_get_font_subtitlev"></span><span id="lv_theme_get_font_subtitle__void"></span><span class="target" id="lv__theme_8h_1ac74733b6c83b54670274f2ff354aa80a"></span><em class="property"><span class="pre">const</span></em> <span class="pre">lv_font_t</span> <span class="pre">*</span><code class="sig-name descname"><span class="pre">lv_theme_get_font_subtitle</span></code><span class="sig-paren">(</span><span class="pre">void</span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv426lv_theme_get_font_subtitlev" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get the subtitle font of the theme </p>
<dl class="field-list simple">
<dt class="field-odd">Returns</dt>
<dd class="field-odd"><p>pointer to the font </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv423lv_theme_get_font_titlev">
<span id="_CPPv323lv_theme_get_font_titlev"></span><span id="_CPPv223lv_theme_get_font_titlev"></span><span id="lv_theme_get_font_title__void"></span><span class="target" id="lv__theme_8h_1a54d56d64b1749489da5ccc0bfaf30f59"></span><em class="property"><span class="pre">const</span></em> <span class="pre">lv_font_t</span> <span class="pre">*</span><code class="sig-name descname"><span class="pre">lv_theme_get_font_title</span></code><span class="sig-paren">(</span><span class="pre">void</span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv423lv_theme_get_font_titlev" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get the title font of the theme </p>
<dl class="field-list simple">
<dt class="field-odd">Returns</dt>
<dd class="field-odd"><p>pointer to the font </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv426lv_theme_get_color_primaryv">
<span id="_CPPv326lv_theme_get_color_primaryv"></span><span id="_CPPv226lv_theme_get_color_primaryv"></span><span id="lv_theme_get_color_primary__void"></span><span class="target" id="lv__theme_8h_1ab124a80fc8ee172a4829f3c63900207f"></span><span class="pre">lv_color_t</span> <code class="sig-name descname"><span class="pre">lv_theme_get_color_primary</span></code><span class="sig-paren">(</span><span class="pre">void</span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv426lv_theme_get_color_primaryv" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get the primary color of the theme </p>
<dl class="field-list simple">
<dt class="field-odd">Returns</dt>
<dd class="field-odd"><p>the color </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv428lv_theme_get_color_secondaryv">
<span id="_CPPv328lv_theme_get_color_secondaryv"></span><span id="_CPPv228lv_theme_get_color_secondaryv"></span><span id="lv_theme_get_color_secondary__void"></span><span class="target" id="lv__theme_8h_1a13856b3ebb0cebdefccf4b5bac282715"></span><span class="pre">lv_color_t</span> <code class="sig-name descname"><span class="pre">lv_theme_get_color_secondary</span></code><span class="sig-paren">(</span><span class="pre">void</span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv428lv_theme_get_color_secondaryv" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get the secondary color of the theme </p>
<dl class="field-list simple">
<dt class="field-odd">Returns</dt>
<dd class="field-odd"><p>the color </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv418lv_theme_get_flagsv">
<span id="_CPPv318lv_theme_get_flagsv"></span><span id="_CPPv218lv_theme_get_flagsv"></span><span id="lv_theme_get_flags__void"></span><span class="target" id="lv__theme_8h_1ac6f9036e70214e43b177c4916ba35bea"></span><span class="pre">uint32_t</span> <code class="sig-name descname"><span class="pre">lv_theme_get_flags</span></code><span class="sig-paren">(</span><span class="pre">void</span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv418lv_theme_get_flagsv" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get the flags of the theme </p>
<dl class="field-list simple">
<dt class="field-odd">Returns</dt>
<dd class="field-odd"><p>the flags </p>
</dd>
</dl>
</dd></dl>

</div>
<dl class="cpp struct">
<dt id="_CPPv411_lv_theme_t">
<span id="_CPPv311_lv_theme_t"></span><span id="_CPPv211_lv_theme_t"></span><span id="_lv_theme_t"></span><span class="target" id="struct__lv__theme__t"></span><em class="property"><span class="pre">struct</span> </em><code class="sig-name descname"><span class="pre">_lv_theme_t</span></code><a class="headerlink" href="#_CPPv411_lv_theme_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><div class="breathe-sectiondef docutils container">
<p class="breathe-sectiondef-title rubric" id="breathe-section-title-public-members">Public Members</p>
<dl class="cpp var">
<dt id="_CPPv4N11_lv_theme_t8apply_cbE">
<span id="_CPPv3N11_lv_theme_t8apply_cbE"></span><span id="_CPPv2N11_lv_theme_t8apply_cbE"></span><span id="_lv_theme_t::apply_cb__lv_theme_apply_cb_t"></span><span class="target" id="struct__lv__theme__t_1afdcd5f4cc8b69d66774fa59354e456c3"></span><a class="reference internal" href="#_CPPv419lv_theme_apply_cb_t" title="lv_theme_apply_cb_t"><span class="pre">lv_theme_apply_cb_t</span></a> <code class="sig-name descname"><span class="pre">apply_cb</span></code><a class="headerlink" href="#_CPPv4N11_lv_theme_t8apply_cbE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N11_lv_theme_t9apply_xcbE">
<span id="_CPPv3N11_lv_theme_t9apply_xcbE"></span><span id="_CPPv2N11_lv_theme_t9apply_xcbE"></span><span id="_lv_theme_t::apply_xcb__lv_theme_apply_xcb_t"></span><span class="target" id="struct__lv__theme__t_1a7e20ae3743a83e5dd80c5d864e2d0e15"></span><a class="reference internal" href="#_CPPv420lv_theme_apply_xcb_t" title="lv_theme_apply_xcb_t"><span class="pre">lv_theme_apply_xcb_t</span></a> <code class="sig-name descname"><span class="pre">apply_xcb</span></code><a class="headerlink" href="#_CPPv4N11_lv_theme_t9apply_xcbE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N11_lv_theme_t4baseE">
<span id="_CPPv3N11_lv_theme_t4baseE"></span><span id="_CPPv2N11_lv_theme_t4baseE"></span><span id="_lv_theme_t::base___lv_theme_tP"></span><span class="target" id="struct__lv__theme__t_1a220e50cf301b64e720c1720cd6ab4c40"></span><em class="property"><span class="pre">struct</span></em> <a class="reference internal" href="#_CPPv411_lv_theme_t" title="_lv_theme_t"><span class="pre">_lv_theme_t</span></a> <span class="pre">*</span><code class="sig-name descname"><span class="pre">base</span></code><a class="headerlink" href="#_CPPv4N11_lv_theme_t4baseE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Apply the current theme's style on top of this theme. </p>
</dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N11_lv_theme_t13color_primaryE">
<span id="_CPPv3N11_lv_theme_t13color_primaryE"></span><span id="_CPPv2N11_lv_theme_t13color_primaryE"></span><span id="_lv_theme_t::color_primary__lv_color_t"></span><span class="target" id="struct__lv__theme__t_1a9c89cb48faebdb6f948b9ef2c26cf43b"></span><span class="pre">lv_color_t</span> <code class="sig-name descname"><span class="pre">color_primary</span></code><a class="headerlink" href="#_CPPv4N11_lv_theme_t13color_primaryE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N11_lv_theme_t15color_secondaryE">
<span id="_CPPv3N11_lv_theme_t15color_secondaryE"></span><span id="_CPPv2N11_lv_theme_t15color_secondaryE"></span><span id="_lv_theme_t::color_secondary__lv_color_t"></span><span class="target" id="struct__lv__theme__t_1aacb9014f400e490c87dd17ba9c36551d"></span><span class="pre">lv_color_t</span> <code class="sig-name descname"><span class="pre">color_secondary</span></code><a class="headerlink" href="#_CPPv4N11_lv_theme_t15color_secondaryE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N11_lv_theme_t10font_smallE">
<span id="_CPPv3N11_lv_theme_t10font_smallE"></span><span id="_CPPv2N11_lv_theme_t10font_smallE"></span><span id="_lv_theme_t::font_small__lv_font_tCP"></span><span class="target" id="struct__lv__theme__t_1a1cf7c76c97ce0ba177dd318f08166066"></span><em class="property"><span class="pre">const</span></em> <span class="pre">lv_font_t</span> <span class="pre">*</span><code class="sig-name descname"><span class="pre">font_small</span></code><a class="headerlink" href="#_CPPv4N11_lv_theme_t10font_smallE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N11_lv_theme_t11font_normalE">
<span id="_CPPv3N11_lv_theme_t11font_normalE"></span><span id="_CPPv2N11_lv_theme_t11font_normalE"></span><span id="_lv_theme_t::font_normal__lv_font_tCP"></span><span class="target" id="struct__lv__theme__t_1a652f050438f5525e36392a85a64c0204"></span><em class="property"><span class="pre">const</span></em> <span class="pre">lv_font_t</span> <span class="pre">*</span><code class="sig-name descname"><span class="pre">font_normal</span></code><a class="headerlink" href="#_CPPv4N11_lv_theme_t11font_normalE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N11_lv_theme_t13font_subtitleE">
<span id="_CPPv3N11_lv_theme_t13font_subtitleE"></span><span id="_CPPv2N11_lv_theme_t13font_subtitleE"></span><span id="_lv_theme_t::font_subtitle__lv_font_tCP"></span><span class="target" id="struct__lv__theme__t_1a94795b9212297755be56d6bfa0527a52"></span><em class="property"><span class="pre">const</span></em> <span class="pre">lv_font_t</span> <span class="pre">*</span><code class="sig-name descname"><span class="pre">font_subtitle</span></code><a class="headerlink" href="#_CPPv4N11_lv_theme_t13font_subtitleE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N11_lv_theme_t10font_titleE">
<span id="_CPPv3N11_lv_theme_t10font_titleE"></span><span id="_CPPv2N11_lv_theme_t10font_titleE"></span><span id="_lv_theme_t::font_title__lv_font_tCP"></span><span class="target" id="struct__lv__theme__t_1a74a2cfc50ff0ba6dcb42e4fdf0c88f1d"></span><em class="property"><span class="pre">const</span></em> <span class="pre">lv_font_t</span> <span class="pre">*</span><code class="sig-name descname"><span class="pre">font_title</span></code><a class="headerlink" href="#_CPPv4N11_lv_theme_t10font_titleE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N11_lv_theme_t5flagsE">
<span id="_CPPv3N11_lv_theme_t5flagsE"></span><span id="_CPPv2N11_lv_theme_t5flagsE"></span><span id="_lv_theme_t::flags__uint32_t"></span><span class="target" id="struct__lv__theme__t_1a04d271501d5d6dac9968a6c5092427ad"></span><span class="pre">uint32_t</span> <code class="sig-name descname"><span class="pre">flags</span></code><a class="headerlink" href="#_CPPv4N11_lv_theme_t5flagsE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N11_lv_theme_t9user_dataE">
<span id="_CPPv3N11_lv_theme_t9user_dataE"></span><span id="_CPPv2N11_lv_theme_t9user_dataE"></span><span id="_lv_theme_t::user_data__voidP"></span><span class="target" id="struct__lv__theme__t_1ad8228ef9435918bda4cd726ad56283e7"></span><span class="pre">void</span> <span class="pre">*</span><code class="sig-name descname"><span class="pre">user_data</span></code><a class="headerlink" href="#_CPPv4N11_lv_theme_t9user_dataE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

</div>
</dd></dl>

</div>
</div>


           </div>
           
          </div>
          <footer>
  
    <div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
      
        <a href="indev.html" class="btn btn-neutral float-right" title="Input devices" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right"></span></a>
      
      
        <a href="event.html" class="btn btn-neutral float-left" title="Events" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left"></span> Previous</a>
      
    </div>
  

  <hr/>

  <div role="contentinfo">
    <p>
        
        &copy; Copyright 2020, LVGL LLC
      <span class="lastupdated">
        Last updated on May 14, 2021.
      </span>

    </p>
  </div>
    
    
    
    Built with <a href="http://sphinx-doc.org/">Sphinx</a> using a
    
    <a href="https://github.com/rtfd/sphinx_rtd_theme">theme</a>
    
    provided by <a href="https://readthedocs.org">Read the Docs</a>. 

</footer>

        </div>
      </div>

    </section>

  </div>
  

  <script type="text/javascript">
      jQuery(function () {
          SphinxRtdTheme.Navigation.enable(true);
      });
  </script>

  
  
    
  

 <script type="text/javascript">
    $(document).ready(function() {
        $(".toggle > *").hide();
        $(".toggle .header").show();
        $(".toggle .header").click(function() {
            $(this).parent().children().not(".header").toggle(400);
            $(this).parent().children(".header").toggleClass("open");
        })
    });
</script>

<script type="text/javascript">
function add_version_selector()
{
    return fetch("https://raw.githubusercontent.com/lvgl/docs_compiled/gh-pages/versionlist.txt")
        .then(res => res.text())
        .then(text => {
            const versions = text.split("\n").filter(version => version.trim().length > 0);
            p = document.getElementById("rtd-search-form").parentElement;
            p.innerHTML = `
            <select name="versions" id="versions" onchange="ver_sel()" style="border-radius:5px; margin-bottom:15px">
            ${versions.map(version => `<option value="${version}">${version}</option>`)}
            </select>` + p.innerHTML;
        });
}

function ver_sel()
{
  var x = document.getElementById("versions").value;
  window.location.href = window.location.protocol + "//" + window.location.host + "/" + x + "/";
}

document.addEventListener('DOMContentLoaded', (event) => {
    add_version_selector().then(() => {
        var value = window.location.pathname.split('/')[1];
        document.getElementById("versions").value = value;
    });
    
})
</script>


</body>
</html>